JS中的触摸板滚动检测,没有库

时间:2013-11-20 20:03:37

标签: javascript html css scroll

我正在创建自己的小Javascript库,可以轻松地使用自定义滚动条替换您网站(和我的)的默认滚动条。部分原因是为BODY元素提供“溢出:隐藏”样式以隐藏正常的滚动条。但是,这会阻止所有滚动,除了在代码中完成的滚动。

我有一切工作在显示栏和点击/拖动它时滚动。但是,许多触摸板(就像我正在测试它的计算机上)有一个功能,您可以通过沿着打击垫右侧滑动手指来滚动。我需要库不要破坏它,所以我需要一些方法来检测用户何时尝试滚动。

我认为它会被浏览器解释为鼠标滚轮,因此我设置了一个onmousewheel事件,但这似乎根本没有捕获它。为了记录,我正在使用Firefox 25.0.1进行测试。

有没有办法捕获trackpack滚动,最好没有外部库?我试图保持这个尽可能自包含和轻量级,但如果我绝对需要,我想我可以使用jQuery及其鼠标滚轮扩展......

1 个答案:

答案 0 :(得分:2)

有些浏览器使用onwheel事件代替onmousewheel。所以,听两个事件通常都是个好主意。

有关onwheel的更多信息,请参阅此MDN article