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');
每天进步一点点~