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

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

 2.實現方法:第一步在需要展示的模塊的最外層的元素上添加一個標記,可以是class  也可以是id。然後通過原生方法獲取到這個元素對象。調用他的scrollIntoView()方法:

 

 html部分:

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

 js部分:

 

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

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

},0);保證最後執行

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章