a标签平滑滚动加偏移

Posted 嘿起屁儿整

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了a标签平滑滚动加偏移相关的知识,希望对你有一定的参考价值。

  1. 平滑滚动
给标签加上点击事件
<a @click="changePos('one')" class="first">纸品</a>

changePos(id) {
      document.getElementById(id).scrollIntoView({
        behavior: "smooth", //smooth平滑
        block: "start" //start end 初始位置,结束位置
     })
}
  1. 偏移
给需要的锚点加上一个暗锚点
 <div id="one" style="position: relative;top: -30px;display: block;height:0;overflow: hidden;"></div>
 <Part1></Part1>

以上是关于a标签平滑滚动加偏移的主要内容,如果未能解决你的问题,请参考以下文章

几条jQuery代码片段助力Web开发效率提升

jQuery 平滑滚动片段以不同的速度工作

html 平滑滚动到 - 带偏移

平滑滚动和打开标签

平滑滚动到 div 内的锚点

带有比例带标签的平滑滚动画笔