原生JS實現頁面內定位
阿新 • • 發佈：2019-01-10
需求：點選跳轉到頁面指定位置
<div id="test">點選跳轉到此處</div>
【法一】：
利用a標籤的錨點跳轉
<a href="#test">點選跳轉</a>由於錨點跳的原理是改變雜湊值，所以會改變url 【法二】： 用js的scrollIntoView方法
document.getElementById('test').scrollIntoView()
此方法可以讓當前的元素滾動到瀏覽器視窗的可視區域內，不會改變url，但會有相容問題
【法三】：（推薦）
獲取id為test的元素距離父元素頂部的位置，即offsetTop， 改變父元素的scrollTop （父元素有定位，可滾動）
document.querySelector('.scrollElement').scrollTop = document.getElementById('test').offsetTop;