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

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

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

 

 html部分:

 js部分:

 

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

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

},0);保证最后执行

你可能感兴趣的:(前端--基础,有用的代码总结,项目中遇到的小问题)