jquery - 如何更改网页的默认滚动速度、滚动量、滚动惯性

Question

我想改变网页的默认滚动速度、数量和惯性。我谷歌了很多，但徒劳无功

幸运的是，后来，这一天，我找到了a plugin这允许我们仅在特定的 div 标记内而不是在整个网页中更改滚动速度、数量、惯性。

这是一个基本代码

    $(".I-WILL-APPLY-ONLY HERE").mCustomScrollbar({
 set_width:false, 
set_height:false, 
 horizontalScroll:false, 
scrollInertia:550, 
 SCROLLINERTIA:"easeOutCirc", 
 mouseWheel:"auto", 
  autoDraggerLength:true, 
    scrollButtons:{ 
enable:false, 
       scrollType:"continuous", 
     SCROLLSPEED:20, 
      SCROLLAMOUNT:40 
     },
    advanced:{
updateOnBrowserResize:true, 
   updateOnContentResize:false, 
      autoExpandHorizontalScroll:false, 
    autoScrollOnFocus:true 
   },
           callbacks:{
     onScrollStart:function(){}, 
    onScroll:function(){}, 
onTotalScroll:function(){}, 
    onTotalScrollBack:function(){}, 
   onTotalScrollOffset:0, 
whileScrolling:false, 
       whileScrollingInterval:30 
 }
   });



<div id="I-WILL-APPLY-ONLY HERE" class="I-WILL-APPLY-ONLY HERE">
A basic height in pixels would be defined for this element and any content appearing here will have a different scrollspeed,inertia.Mentioning heignt of this div element is compulsary,else i wont show the output    </div>

问题是我想要整个页面，而不仅仅是一个特定的 div 元素。任何帮助将不胜感激。请帮助我

提前致谢

Answer 1

你可以使用 jQuery 来做到这一点，看看我的 fiddle :http://jsfiddle.net/promatik/NFk2L/

您可以添加滚动事件的事件监听器，请注意您可能会阻止滚动的默认操作...if (event.preventDefault) event.preventDefault();

然后该事件的处理程序将使用 jQuery animate 执行滚动 ...

function handle(delta) {
    var time = 1000;
    var distance = 300;

    $('html, body').stop().animate({
        scrollTop: $(window).scrollTop() - (distance * delta)
    }, time );
}

您可以设置时间、距离(您还可以添加缓动方法)，请参阅 fiddle 中的完整示例