如何让元素自动滚动至可见区域

Posted on Wed, 25 Dec 2024 16:15:28 +0800 by LiangMingJian

需求 #

在执行某些操作后，能让网页自动将特定元素滚动至可见区域。

实现 #

scrollIntoView()方法可以将调用它的元素滚动到浏览器窗口的可见区域。

var element = document.getElementById("box");
 
element.scrollIntoView();
element.scrollIntoView(false);
element.scrollIntoView({block: "end"});
element.scrollIntoView({behavior: "instant", block: "end", inline: "nearest"});