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