JQuery拖/滚动/溢出问题

Eri*_*ick 1 jquery scroll jquery-ui overflow

我有一个滚动:JQuery 1.4.2和JQuery 1.7.2的自动问题.我有一个容器DIV,里面有2个DIV.像这样:

<div id="dragContain">

<div id="dragMe">
  <div>Title goes here!</div>
  <div style="scrolling:auto;">Content goes here!</div>
</div>

</div>
Run Code Online (Sandbox Code Playgroud)

我启用拖动组:

$('#dragMe').draggable({
  containment: '#dragContain', cursor: 'move', zIndex: 20000
});
Run Code Online (Sandbox Code Playgroud)

并且,当我这样做时,在FF中滚动仅适用于鼠标滚轮.抓住滚动条会导致拖动事件并移动组.它在IE中运行良好.

有没有办法纠正这个?我可以只将标题栏设为抓取句柄,导致父div上的拖动吗?

谢谢!

Ben*_*ock 7

您可以尝试使用句柄.因此用户将拖放h2元素而不是整个#dragMe.

$('#dragMe').draggable({
  containment: '#dragContain', cursor: 'move', zIndex: 20000, handle: 'h2'
});
Run Code Online (Sandbox Code Playgroud)

.

<div id="dragContain">

<div id="dragMe">
  <h2>Title goes here!</h2>
  <div style="scrolling:auto;">Content goes here!</div>
</div>

</div>
Run Code Online (Sandbox Code Playgroud)