JS 实现锚点平滑跳转

在项目中,我们会用锚点来实现同一页面不同模块的跳转,如果只是加锚点,动画会有点生硬,加一句简单的JS可以使锚点的跳转加上滚动效果

let anchorElement = document.getElementById(activeTab.anchorName);
      if (anchorElement) {
        anchorElement.scrollIntoView({ behavior: 'smooth' });
      }
activeTab.anchorName就代表你要跳转的锚点,比如:
<div  id='maoDiao'>
  我是个锚点
</div>
let anchorElement = document.getElementById('maoDiao');

  

每天进步一点点~
posted @ 2020-04-23 16:51  abigting  阅读(2121)  评论(0编辑  收藏  举报