页面滚动到指定位置——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

标签：scrollIntoView,视图,element,参数,对齐,js,页面
来源： https://www.cnblogs.com/wxchun/p/16639975.html