Question

我有一个基于网络的工具，其中有内容的div放在页面左侧的一列中。通常只有少数几个，页面没有滚动，但如果有太多，则整个页面向下滚动。

我需要为包含这些div的左列添加溢出，以使页面的其余部分保持静态。

所以，在原始页面中，我有以下内容：

<td id="launchPad" class="ui-droppable">&nbsp;</td>

为了添加可滚动区域，我将其修改为：

<td id="launchPad"><div id="launchPadY" class="ui-droppable" style="overflow-y:auto;overflow-x:hidden;width:290px;height:500px">&nbsp;</div></td>

它起作用但增加了一些副作用。这是原始行为的DEMO。这是一个新的DEMO，添加了溢出div。

尝试在两个页面中将其中一个div从左侧拖动到黄色字段。新的现在有一些奇怪的水平滚动。

我怎样摆脱它？

Answer 1

对dragdrop-client.js

进行一些更改

newCard.draggable({
    handle: ".card",
    stack: ".card",
    revert: "invalid",
    scroll: "false",
    start: function() {
        $(this).effect("highlight", {}, 1000);
        $(this).css( "cursor","move" );
    },
    stop: function() {
         $(this).css("cursor","default");
    }
});

添加溢出-y但现在有新的副作用

1 个答案: