页面滚动到指定位置——js中scrollIntoView()的用法

element.scrollIntoView() 参数默认为true
1.什么是scrollIntoView?
scrollIntoView是一个与页面(容器)滚动相关的API

2.如何调用?
element.scrollIntoView() 参数默认为true
参数为true:调用该函数,页面发送滚动,使element的顶部与视图(容器)顶部对齐

参数为false:使element的底部与视图(容器)底部对齐

3.使用场景
有的元素在页面的不可见区域,这时候需要scrollIntoView()将其拖动到可见区域,代码如下:

document.getElementById('craft-point').scrollIntoView()


如果看到的情况是,定位到的元素的标题和浏览器顶部对齐了,效果不太好:

这时只要把scrollIntoView()改成scrollIntoView(false)就可以解决了。

完成!!!
————————————————
版权声明:本文为CSDN博主「yehaocheng520」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/yehaocheng520/article/details/124924288

posted @ 2022-08-30 16:50  春春&  阅读(1289)  评论(0编辑  收藏  举报