如何使CSS平滑滚动?



我做了一个简单的视差网站链接,当我用鼠标滚动时,它只是一种粗糙的方式。另一方面,当你访问这个网站时,你会注意到这样一个平滑的滚动。

我怎么才能做到呢?

我已经上传到我的网站的源代码在GitHub。

此外,我还尝试添加scroll-behaviour: smooth;transition

尝试在CSS中添加scroll-behavior: smooth;body。我在我的终端测试,并为您的网站工作。

为了更流畅的滚动,可能会压缩图像资产一点。它们相当大。

旁注:一定要知道视差效果对SEO非常不利。

对我来说,它看起来很好:https://jsfiddle.net/1pw8bu2v/

另一个边注:你可能没有在Chrome中启用平滑滚动。请务必检查chrome://flags/#smooth-scrolling,以防排除。

相关内容

  • 没有找到相关文章

最新更新