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');

  

每天进步一点点~
原文地址:https://www.cnblogs.com/abigting/p/12761941.html