我实际上使用 jQuery .draggable() 方法来拖动一些元素。
我的容器比我的窗口大,所以,像往常一样,我在右侧有一个滚动条。现在,如果我想将一个元素从顶部拖到底部,我需要单击它并同时滚动鼠标。
如您所见:http://jsfiddle.net/YLer3/如果你拿起元素并开始滚动,元素停留在他的第一个位置,你需要移动鼠标将它带到它。
有一种方法可以在滚动时将元素保持在鼠标下方吗?
示例 html 代码:
<div class="container">
<div class="draggableItm">
</div>
示例 CSS 代码:
.container{
height:1650px;
}
.draggableItm{
background-color:red;
width: 100px;
height:100px;
border:1px solid black;
}
示例 jQuery 代码:
$('.draggableItm').draggable({
grid:[20,20]
});
最佳答案
这是一个错误。如 http://bugs.jqueryui.com/ticket/9379 中所述
你应该改变
if (!this.offset.scroll) {
通过
if (!this.offset.scroll || scroll.scrollTop() != this.offset.scroll.top || scroll.scrollLeft() != this.offset.scroll.left) {
在 jquery.ui.draggable.js 中的 _convertPositionTo 和 _generatePosition 的实现中。
关于javascript - 在拖动过程中将元素保持在鼠标下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23741687/