JQuery animate({scrolltop: top}, 800) 在 chrome 中不流畅

JQuery animate({scrolltop: top}, 800) is not smooth in chrome

提问人:Jacob Lewinski 提问时间:2/9/2023 更新时间:2/9/2023 访问量:105

问:

我正在尝试在我网站上的部分之间使用平滑滚动。

我也尝试过通过从控制台运行来手动滚动。$('html,body').animate({ scrollTop: 2000 }, 800);

在 firefox 上一切正常,但在 chrome 和 edge 上并不流畅。它开始时会很慢,好像需要整整一分钟才能到达正确的部分。然后,就在它应该完成之前(~800 毫秒),它会跳得更快。它仍然会去正确的地方。

还有其他人遇到过这个问题吗?

jquery google-chrome 滚动 jquery-animate 平滑

评论


答:

0赞 Jacob Lewinski 2/9/2023 #1

刚刚从另一个问题中找到了答案。不过,这对我不起作用,因为我希望用户能够根据需要滚动。这是我正在使用的 css 工作:

html { overflow-x: hidden; overflow-y: hidden; height: 100%; }
body { overflow-y: scroll; height: 100%;}

我只是强制滚动正文而不是 html。我不确定为什么 chrome 和 edge 会在没有这个的情况下损坏,这可能与我正在使用的扩展程序或我没有意识到我正在使用的平滑滚动设置有关。