如何检测本机滚动条的按钮单击事件

how to detect native scrollbar's button click event?

本文关键字：滚动条 按钮 单击 事件 本机 何检测 检测      更新时间：2023-09-26

我想知道我是否可以检测到本机滚动条的左/右或上/下按钮单击事件。我想知道，因为我想给出滚动条的自定义行为，例如仅在一些固定步骤中滚动等。我使用了滚动功能，但它并没有完全给我想要的平滑度：

var step = 200;
var nextPos=-1;
var pos;
var scrolltarget;
$(' .scrollable ul').scroll(function(e){
    clearTimeout($.data(this, 'scrollTimer'));
    scrolltarget=$(this);
    $.data(this, 'scrollTimer', setTimeout(function() {
        pos=scrolltarget.scrollLeft();
        if(pos%step!=0){
          if(pos>nextPos){
            scrolltarget.animate({
              scrollLeft: pos-pos%step+step
            },250);
          }
          else if(pos<nextPos){
            scrolltarget.animate({
              scrollLeft: pos-pos%step
            },250);
          }
        }
        nextPos=scrolltarget.scrollLeft();
    }, 250));         
});
您可以使用 

$( window ).scroll(function() {
 // your java script code 
});

我建议您查看此滚动 jquery 事件。

相关文章：