在一些时候,我们想要实现滚动到页面上某个部分的功能,即让页面上某个元素出现在视口内。这个时候就可以借助scrollIntoView
这个方法了。这个方法可以在所有元素上调用。
例如
let div = document.querySelector('div');
div.scrollIntoView();
如果给这个方法传入true
作为参数(默认为true
),那么窗口滚动之后会让调用元素的顶部与视口顶部尽可能平齐。如果传入的是false
,调用元素会尽可能的全部出现在视口中。