javascript - 拖动行时自动滚动表格

标签 javascript jquery html css

我花了一些时间搜索,但无法在不使用按钮的情况下找到可靠的解决方案。我有一个高度为 X 且有很多行的表格。我可以简单地滚动没有问题,并且使用我正在使用的插件我可以重新排序行。我正在寻找一种将行从表格的一个区域拖到另一个区域的方法,如果需要,可以在正确的方向滚动表格。我想做一些类似操作系统桌面文件夹的事情。

Plugin being used for reorder

最佳答案

我想象在拖动行时向所有元素添加“mousemove”事件。

每次移动鼠标时,检查它是否在窗口边缘的 (100/200/300)px 范围内,启动一个间隔循环 (setInterval),每 y 秒将屏幕移动 x 像素。

您需要确保一旦您删除该行,您就会停止间隔循环并从所有元素中删除 mousemove 事件处理程序。当你移出窗口边缘附近的范围时,也应该停止间隔循环。

如果您想了解代码的外观,我会创建一个 fiddle ,让我知道。

关于javascript - 拖动行时自动滚动表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25510510/

相关文章:

javascript - 在 Meteor 中在客户端和服务器上生成相同的随机数

javascript - 当包含 ember-data 时,TypeError DS.RESTAdapter 未定义

javascript - 为什么我的 2 个具有相同导航栏的网站页面显示不同?

javascript - 如何使用 jQuery 创建一个图像工具提示悬停在表单标签上?

javascript - 在javascript中获取gridview datakeys值

jquery - 使用动态创建的输入元素上传前预览图像

javascript - 通过重命名 src 属性刷新 javascript

html - 标签下方的中心单选按钮

javascript - 如何使用 javascript 将新列添加到现有的 html 表中

html - 导航栏上的下拉问题