📜  jQWidgets jqxSortable scrollSensitivity 属性(1)

📅  最后修改于: 2023-12-03 15:16:56.763000             🧑  作者: Mango

jQWidgets jqxSortable scrollSensitivity 属性

简介

jQWidgets jqxSortable 是一个基于 jQuery 的插件,用于实现拖放排序功能。scrollSensitivity 是 jqxSortable 的一个属性,它决定了当拖动一个元素如果离可滚动区域较近时,页面何时开始滚动。

用法

scrollSensitivity 属性是可选属性,可以设置为一个数字或一个字符串。默认值为 20。

当设置为数字时,scrollSensitivity 表示鼠标在元素顶部或底部的距离(以像素为单位)并且当鼠标在元素的顶部或底部移动时,页面开始滚动。当设置为字符串时,可以使用以下值:

  • "fast":快速滚动
  • "slow":缓慢滚动

以下是设置 scrollSensitivity 为 30 的示例代码:

$("#sortable").jqxSortable({
    scrollSensitivity: 30
});
注意事项
  • scrollSensitivity 可能会影响页面的性能,特别是在拖动元素时。
  • 如果设置 scrollSensitivity 为 0,则表示不会自动滚动页面。
  • 如果需要完全禁用页面滚动,请使用以下代码:
$(document).on('touchmove', function (e) {
    e.preventDefault();
});
结论

scrollSensitivity 属性可以帮助实现更好的拖放排序体验,并根据需要对其进行自定义设置。但需要注意它可能会影响页面性能,需要根据实际情况进行调整。