scrollIntoView的用法总结

时间:2025-02-07 07:31:06

最近封装组件的时候,用到了scrollIntoView(),之前很少用到,所以就总结下来,以方便以后查阅。
我们先看一下scrollIntoView()的例子和语法。

例子如下:

document.querySelector("#demo").scrollIntoView()   
//  让demo元素滚动到可视区域内

让demo元素滚动到可视区域内的顶部。

语法:

element.scrollIntoView(parameter)

参数parameter的值为true(默认值)或者false。
parameter:true ===>使element元素的顶部与视图(容器)顶部对齐
parameter:false ===>使element元素的底部与视图(容器)底部对齐

注意:只有页面的高度超出可视区域,且元素不在可视区域内时才生效。