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

  

每天进步一点点~


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM