1. 程式人生 > >js實現頁面開啟自動定位到指定元素位置

js實現頁面開啟自動定位到指定元素位置

1.場景重現:我一個頁面很長很長,是分一個模組一個模組的,現在有需求是要求從特定場景進入頁面時,自動定位到第N個模組。

 2.實現方法:第一步在需要展示的模組的最外層的元素上新增一個標記,可以是class  也可以是id。然後通過原生方法獲取到這個元素物件。呼叫他的scrollIntoView()方法:

 

 html部分:

<div class="more-merchant" id="moreMerchant"></div>

 js部分:

 

document.getElementById("moreMerchant").scrollIntoView()

此外,要保證執行這個方法的時候,瀏覽器已經渲染完頁面。如果有問題,可以嘗試加一個setTimeout(()=>{

},0);保證最後執行