a-anchor锚点跳转后距离顶部设置距离-使用css设置锚点与页面顶部保持一定距离

a-anchor锚点跳转后距离顶部设置距离-使用css设置锚点与页面顶部保持一定距离

组件提供的设置不会生效,具体原因不清楚,这里自己控制滚动条的css距离。简单解决。
在这里插入图片描述
在这里插入图片描述

/**
   * 设置锚点滚动后距离顶部的距离
   * 在产生滚动条的容器中设置css样式,如下:
   * @param scroll-padding-top: 100px; // 锚点跳转后距离顶部的距离
   */
  //   .pount-con {
    
    
  //   height: 100vh;
  //   overflow-y: scroll;
  //   scroll-padding-top: 100px; // 锚点跳转后距离顶部的距离
  // }

完美解决

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_61950936/article/details/129829846
今日推荐