停止锚标记滚动到页面顶部 - CSS

锚标记（anchor）是指在文档中定义的链接目标。当我们点击页面上的一个锚点链接时，页面会滚动到该锚点所在的位置。但是，在某些情况下，我们想要停止这种滚动效果，本文介绍如何用CSS来实现。

方法

我们可以使用CSS的 scroll-behavior 属性来停止锚点滚动。将 scroll-behavior 属性设置为 auto，就可以禁用锚点滚动效果。

html {
  scroll-behavior: auto;
}

注意事项

• 该方法仅在支持CSS scroll-behavior 属性的浏览器上有效。
• 对于不支持该属性的浏览器，仍然会发生锚点滚动效果。
• 当您需要重新启用锚点滚动效果时，可以将 scroll-behavior 属性设置为 smooth。

结论

本文介绍了如何使用CSS停止锚标记滚动到页面顶部的效果。虽然该方法不适用于所有情况，但可以在某些情况下提供有用的解决方案。