我有一组可放置的 li 元素,它接受可拖动的图标。项目列表位于可滚动的 div 元素中。我在这里整理了一个简单的例子:http://www.nerdydork.com/demos/dragscroll/ http://www.nerdydork.com/demos/dragscroll/
我想知道是否有一种方法可以在拖动可拖动元素时自动滚动元素列表。例如,假设您处于中间位置,例如http://www.nerdydork.com/demos/dragscroll/#j http://www.nerdydork.com/demos/dragscroll/#j。当您接近 div 的顶部时,它将开始向上滚动,当您接近 div 的底部时,它将开始向下滚动。
有谁知道如何用 jQuery 来实现这一点?
UPDATE
我越来越近了。我在容器 div 的上部和下部创建了固定 div。当鼠标悬停在它上面时,它会开始自动滚动http://plugins.jquery.com/project/aautoscroll http://plugins.jquery.com/project/aautoscroll
现在的问题是,当我将鼠标悬停在下部区域时,它会弄乱我在字母上的可拖动项。不过,这似乎只是下部自动滚动区域的问题。
要查看我正在谈论的错误,请观看这段短视频:http://screencast.com/t/JBFWzhPzGfz http://screencast.com/t/JBFWzhPzGfz
请注意,当它自动向下滚动时,鼠标悬停不在正确的字母上。在视频末尾,您可以看到,如果您将鼠标悬停在列表的左边距上,那么它会以某种方式重置并且似乎再次工作。
为可拖动设置“refreshPositions: true”选项将导致 jQuery 重新计算每个鼠标事件的偏移量。这应该可以解决你的问题。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)