单击滚动条按钮时如何控制Firefox中的滚动增量?

时间:2010-12-13 07:48:07

标签: javascript css firefox

我认为它与行高CSS属性有关,但它不起作用。单击向上/向下滚动按钮时如何调整滚动量?

3 个答案:

答案 0 :(得分:0)

据我所知,这不是你可以控制的。但是,您可以侦听Javascript onScroll事件,然后使用Javascript scrollBy方法根据您的需要或多或少地滚动页面。我不确定这会是什么样子,事情可能会让用户感到有些不安和困惑。您还必须考虑用户是否已将页面缩小或缩小。

答案 1 :(得分:0)

假设您想要滚动任意区域(而不是已经支持滚动的对象,例如树),那么您可以设置overflow:hidden并使用显式滚动条元素。不幸的是,除了观看curpos属性之外,脚本没有简单的方法来检测用户与滚动条元素的交互。

答案 2 :(得分:0)

单击滚动条按钮时,无法直接控制Firefox中的滚动增量,但您可以使用此代码:

    //element may be window or a HTML element
    //amount of incrementation should be an integer representing the number of pixels to be scrolled
    //works in all last versions of major browsers

    element.addEventListener(/firefox/i.test(navigator.userAgent) ? 'DOMMouseScroll' : 'mousewheel', function (event) {
    element.scrollTop -= (event.detail ? (event.detail % 2 ? event.detail / -3 : event.detail / -2) : event.wheelDelta / 120) * amount;
event.preventDefault();
    }