博客

jQuery UI Sortable scrollSensitivity选项

  • Post category:jquery

jQuery UI 的 Sortable 组件提供了一个 scrollSensitivity 选项，该选项用于设置 Sortable 实例滚动时的灵敏度。在本教程中，我们将详细介绍 Sortable 的 scrollSensitivity 选项的使用方法。

scrollSensitivity 选项基本语法如下：

$( ".selector" ).sortable({
  scrollSensitivity: value
});

其中，”.selector” 是 Sortable 的 CSS 选择器，value 是一个数字，表示 Sortable 实例滚动时的灵敏度。

以下两个示例：

示例一：使用 Sortable 的 scrollSensitivity 选项

$( "#my-sortable" ).sortable({
  scrollSensitivity: 50
});

这将创建一个名为 my-sortable 的 Sortable 实例，并 scrollSensitivity 选项设置为 50。这意味着当鼠标指针接近 Sortable 实例的顶部或底部时，实例将开始滚动。

示例二：使用 Sortable 的 scrollSensitivity 选项和 scrollSpeed 选项

$( "#my-sortable" ).sortable({
  scrollSensitivity: 100,
  scrollSpeed: 10
});

这将创建一个名为 my-sortable 的 Sortable 实例，并将 scrollSensitivity 选项设置为 100， scrollSpeed 选项设置为 10。这意味着当鼠标指针接近 Sortable 实例的顶部或底部时，实例将开始滚动，并且滚动速度将为 10。

总结：

jQuery UI 的 Sortable 组件提供了一个 scrollSensitivity 选项，该选项用于设置 Sortable 实例滚动时的灵敏度。要使用 scrollSensitivity 选项，需要将其与 Sortable 的 jQuery 对象一起使用。可以将 scrollSensitivity 选项设置为数字，以控制 Sortable 实例滚动的灵敏度。可以与 scrollSpeed 选项一起使用，以控制 Sortable 实例滚动的速度。

Tags: