Chrome原生平滑滚动引发旧站点滚动功能失效问题

我刚帮你定位到这个旧站点滚动功能失效的核心原因啦：

问题根源 #

• Chrome 61及后续版本默认启用了原生平滑滚动特性，这是浏览器自带的新功能
• 你的站点里引入的第三方平滑滚动脚本，和Chrome的这个原生功能产生了冲突，直接导致了<a href="#about">这类锚点跳转的滚动行为异常

可行的解决方案 #

• 移除第三方平滑滚动脚本：如果Chrome原生的平滑滚动效果已经满足你的需求，直接删掉旧脚本就行，现在浏览器的原生实现已经足够流畅稳定
• 禁用Chrome原生平滑滚动：要是必须保留旧脚本，你可以在全局CSS里添加这段代码，强制关闭浏览器的原生特性，让第三方脚本正常工作：

  html {
    scroll-behavior: auto !important;
  }
  

• 升级/替换第三方脚本：找一个适配现代浏览器平滑滚动特性的新版本脚本，从根源上避免冲突问题

内容的提问来源于stack exchange，提问作者UnlimitedSlime