解决a标签锚点跳转内容滚动过长问题

qiphon3650

于 2020-11-29 16:20:02 发布

阅读量682

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： anchor 锚点

56 篇文章

订阅专栏

本文介绍了如何通过CSS的scroll-margin-top属性解决锚点跳转时目标标题被上方内容覆盖的问题。只需在body和h1元素上添加相应样式，即可确保点击链接后目标标题可见。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通常一些文章的标题会添加锚点跳转，但是，点击之后要跳转的标题一般会被盖住，解决这个问题只需要添加一条css样式即可

body {
  height: 4000px;
}

h1 {
  margin-top: 400px;
  /* 只需添加下面这条 */
  scroll-margin-top: 20px;
}