【发布时间】:2018-02-06 17:17:02
【问题描述】:
我尝试为我的网站构建自定义滚动条,但它并不完美,我不知道如何改进它。它应该从一个位置滚动到另一个特定位置,但是每个滚动事件都会出现更大的像素差异。它似乎也不适用于 chrome。
这里是 html 文件的链接:http://infographie.inraci.be/blc/blc.html
这里是代码:
$(window).bind('mousewheel DOMMouseScroll', function(event){
var hauteur5 = $(window).height();
var scroll5 = $(window).scrollTop();
if (event.originalEvent.wheelDelta > 0 || event.originalEvent.detail < 0) {
$(window).scrollTo(scroll5-hauteur5/4,1,function(){
})
} else {
$(window).scrollTo(scroll5+hauteur5/4,1,function(){
})
}
});
【问题讨论】:
-
您是否尝试过更改它以使用文档而不是窗口?
-
我刚试过,但似乎效果不佳。
-
另外,使用通用的
$(document).on('scroll')而不是花里胡哨.. jQuery 旨在处理浏览器的不一致,所以让它来吧 -
当我使用 $(document).on('scroll') 它对它们都不起作用
-
我发现为什么它在谷歌浏览器中不是很流畅。我只是把溢出隐藏在身体上,现在它在 chrome 中工作。
标签: javascript jquery html css