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

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

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

html部分：

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

js部分：

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

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

},0);保证最后执行

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

JS slice()方法返回数组中指定元素
JS slice()方法返回数组中指定元素定义和用法 slice() 方法可从已有的数组中返回选定的元素. slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分. 注意: sli ...
JS遍历从数组中删除指定元素
JS遍历从数组中删除指定元素,arr为目标数组,aim为目标对比项当每次遍历全部内容需要删除的元素不超过一个时,以下两种方法都可用,虽然结果是正确的,但是还是不推荐使用,因为没有包含数组改变后角标值 ...
关于window.scroll系列方法汇总滚动到指定元素位置
1.window.scroll() 概述滚动窗口至文档中的特定位置. 语法 window.scroll(x-coord, y-coord) // 参数表示想要置于左上角的像素点的横纵坐标 2.win ...
jquery实现点击页面其他地方隐藏指定元素
代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> < ...
js当前页面打开小窗口 window.open
height=350 窗口高度width=480 窗口宽度scrollbars=no 不显示滚动条 resizable = no 不能调整大小 status = no 不显示状态栏 toolbar = ...
【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置
<script> export default {data() {return {pageIndex: 0,//页码pageSize: 10,//每次加载条数lock: false,//防 ...
JS设置页面form内的所有元素（input textarea select）为只读属性
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190222142611744.jpg)
如何用JS局部刷新页面指定元素
刷新页内指定元素 window.location.reload("#id")
打印当前页面指定元素中的内容
一.打印当前页面指定元素中的内容方式一:直接使用window.print(); (1)首先获得元素的html内容(这里建议如果有样式最好是用内联样式的方式) var newstr = documen ...

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

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

最新文章

热门文章