1.場景重現:我一個頁面很長很長,是分一個模塊一個模塊的,現在有需求是要求從特定場景進入頁面時,自動定位到第N個模塊。
2.實現方法:第一步在需要展示的模塊的最外層的元素上添加一個標記,可以是class 也可以是id。然後通過原生方法獲取到這個元素對象。調用他的scrollIntoView()方法:
html部分:
<div class="more-merchant" id="moreMerchant"></div>
js部分:
document.getElementById("moreMerchant").scrollIntoView()
此外,要保證執行這個方法的時候,瀏覽器已經渲染完頁面。如果有問題,可以嘗試加一個setTimeout(()=>{
},0);保證最後執行