鼠标滚动时更改滚动条速度 [英] Change the scrollbar speed upon mouse scroll

问题描述

在JavaScript中使用鼠标滚轮滚动时是否可以更改滚动条的速度?

Is it possible to change the scrollsbars speed upon scrolling using the mouse wheel for a element in JavaScript?

推荐答案

您可以执行以下操作:

http://jsfiddle.net/V3aaN/2/(5月导致癫痫发作或癫痫发作)

CSS:

#smallBox {
    height:400px;
    overflow-y:scroll;
}
#whee {
    height:20000px;
}

HTML:

    <div id="smallbox">
        <div id="whee"></div>
    </div>

JS:

    var thing = $('#smallBox');
    var extra = 100;
    var old = $(thing).scrollTop();
    $(thing).scroll(function() {
        if ($(thing).scrollTop() < old) {
            $(thing).scrollTop($(thing).scrollTop()-extra);
        } else if ($(thing).scrollTop() > old) {
            $(thing).scrollTop($(thing).scrollTop()+extra);
        }
        old = $(thing).scrollTop();
    });

这篇关于鼠标滚动时更改滚动条速度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！