【发布时间】:2015-01-06 18:02:16
【问题描述】:
直到现在我才注意到,因为我 99% 的时间都在使用 Firefox,但是当我对视差效果进行一些测试时,我注意到滚动是多么生涩和波涛汹涌,基本上每次点击都会跳跃鼠标滚轮。
我起初认为这与我正在测试的页面有关,但现在我意识到除了 Firefox 之外的所有浏览器上的每个网站都会发生这种情况。
如果这很重要,我正在使用 Windows 8...
这正常吗??? 如果是这样,跨浏览器平滑滚动是否有一些修复? 谢谢。
【问题讨论】:
直到现在我才注意到,因为我 99% 的时间都在使用 Firefox,但是当我对视差效果进行一些测试时,我注意到滚动是多么生涩和波涛汹涌,基本上每次点击都会跳跃鼠标滚轮。
我起初认为这与我正在测试的页面有关,但现在我意识到除了 Firefox 之外的所有浏览器上的每个网站都会发生这种情况。
如果这很重要,我正在使用 Windows 8...
这正常吗??? 如果是这样,跨浏览器平滑滚动是否有一些修复? 谢谢。
【问题讨论】:
我现在使用的是 mac,但是当我在我的 windows 机器上工作时,它做了同样的事情。尝试搜索一个名为 smooth scrolling 的插件,它应该可以解决您的问题。
如果您不想要插件,可以查看本教程:http://css-tricks.com/snippets/jquery/smooth-scrolling/
插件:https://chrome.google.com/webstore/detail/smoothscroll/nbokbjkabcmbfdlbddjidfmibcpneigj?hl=en
【讨论】:
@乔·斯科托,
非常感谢您的回复。我很感激。
我对你提到的 jquery 很熟悉,我在几个网站上都使用过它,但这并不能解决 mouseweel 跳跃滚动问题。
至于你建议的插件,我找不到下载的方法,所以我一直无法尝试,但如果它只适用于 Chrome,它并不能真正解决我的问题。
如果这个问题是 Windows 中所有浏览器(Firefox 除外)的共同问题,那么我需要能够为所有用户提供良好体验的东西,无论他们使用什么浏览器。我很惊讶我找不到更多关心这个问题的人,更惊讶的是现代浏览器没有想出解决这个问题的方法。据我在研究中发现,Firefox 似乎带有自己的滚动动画来克服这个问题。问题是为什么其他人不这样做......
目前我能找到的最佳解决方案是这个插件http://bassta.bg/2013/05/smooth-page-scrolling-with-tweenmax/ 更改设置以使其接缝更快一点,从而使滚动比演示中的更自然。
如果有人有更好或更简单的解决方案,我想听听。
谢谢。
【讨论】: