script.aculo.us 排序滚动灵敏度选项

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

scrollSensitivity选项用于指定距离滚动容器底部的像素数，在该像素数之后元素将开始滚动。它以像素为单位指定。

句法：

{ scrollSensitivity: value }

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

• value：这是一个整数值，它指定从滚动容器底部开始滚动的像素数。

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

例子：

HTML

  
  
  
  
  
    
  
    #scrollable1,
    #scrollable2 {
      overflow-x: scroll;
      height: 100px;
      width: 250px;
    }
  

    

  
    
      GeeksforGeeks
    
  
    
  
    script.aculo.us Sorting 
    scrollSensitivity Option
  
    
  
    The scrollSensitivity of the 
    second list is greater than the
    first one.
  
  
  
    This list has the scrollSensitivity
    set to 10
  
  
  
    
      Element 1
      Element 2
      Element 3
      Element 4
      Element 5
      Element 6
      Element 7
      Element 8
      Element 9
      Element 10
    
  
    
  
    This list has the scrollSensitivity
    set to 80
  
    
  
    
      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 sensitivity
          scrollSensitivity: 10
        });
      Sortable.create("list2", {
  
          // Define the container to scroll
          scroll: 'scrollable2',
            
          // Set the scroll sensitivity
          scrollSensitivity: 80
        });
    };
  

    

输出：