js实现页面打开自动定位到指定元素位置

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_40028324/article/details/83145820

1.场景重现:我一个页面很长很长,是分一个模块一个模块的,现在有需求是要求从特定场景进入页面时,自动定位到第N个模块。

 2.实现方法:第一步在需要展示的模块的最外层的元素上添加一个标记,可以是class  也可以是id。然后通过原生方法获取到这个元素对象。调用他的scrollIntoView()方法:

 html部分:

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

 js部分:

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

此外,要保证执行这个方法的时候,浏览器已经渲染完页面。如果有问题,可以尝试加一个setTimeout(()=>{

},0);保证最后执行

猜你喜欢

转载自blog.csdn.net/qq_40028324/article/details/83145820