script.aculo.us 排序 scrollSpeed 选项

script.aculo.us 库是一个跨浏览器库，旨在改进网站的用户界面。 Sortable 模块可用于使任何列表可排序，允许用户根据需要的顺序拖动任何项目。

scrollSpeed选项用于指定当项目移出滚动容器时容器滚动的增量。它以像素为单位指定。较高的值意味着容器滚动得更快。

句法：

{ scrollSpeed: value }

参数：此选项具有如上所述和如下所述的单个值：

• value：这是一个整数值，指定滚动容器滚动的增量，默认为 15。

下面的示例说明了此选项的使用。

例子：

HTML

  

  
  
  
  
  
    
  
    #scrollable1,
    #scrollable2 {
      overflow-x: scroll;
      height: 120px;
      width: 250px;
    }
  
    li {
      cursor: pointer;
    }
  

  

  
    
      GeeksforGeeks
    
  
  
  
    script.aculo.us Sorting scrollSpeed Option
  
    
  
    The scrollSpeed of the second list
    is greater than the first one.
  
    
  
    This list has the scrollSpeed
    set to 1
  
  
  
    
      Element 1
      Element 2
      Element 3
      Element 4
      Element 5
      Element 6
      Element 7
      Element 8
      Element 9
      Element 10
    
  
  
  
    This list has the 
    scrollSpeed set to 150
  
  
  
    
      Element 1
      Element 2
      Element 3
      Element 4
      Element 5
      Element 6
      Element 7
      Element 8
      Element 9
      Element 10
    
  
  
  
    window.onload = function () {
  
      Sortable.create("list1", {
  
          // Define the container to scroll
          scroll: 'scrollable1',
  
          // Set the scroll speed
          scrollSpeed: 1
      });
  
      Sortable.create("list2", {
  
          // Define the container to scroll
          scroll: 'scrollable2',
  
          // Set the scroll speed
          scrollSpeed: 150
        });
    };
  

  

输出：