オーバーフロー-yを追加しましたが、新たな副作用が発生しました

Question

コンテンツを持つdivがページの左側の列に配置されているWebベースのツールがあります。通常は少数しかありませんが、ページにはスクロールがありませんが、ページが多すぎるとページ全体がスクロールします。

ページの残りの部分を静的に保つために、これらのdivを含む左列のオーバーフローを追加する必要があります。私は、次のいた元のページにあるので

、：それは作品

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

が、いくつかの副作用を追加しました：

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

スクロール可能な領域を追加するためには、私はそれを修正。ここに元の動作のDEMOがあります。オーバーフローdivを追加した新しいDEMOがあります。

divの1つを左側から両方のページの黄色のフィールドにドラッグしてみてください。新しいものには今や幾分奇妙な水平スクロールがあります。

どうすれば削除できますか？

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"); 
    } 
});