博客

jQuery UI Sortable scrollSpeed选项

  • Post category:jquery

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

scrollSpeed 选项基本语法如下：

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

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

以下两个示例：

示例一：使用 Sortable 的 scrollSpeed 选项

$( "#my-sortable" ).sortable({
  scrollSpeed: 40
});

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

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

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

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

总结：

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

Tags: