本文详细介绍了HTML中Element接口的scrollIntoView()方法，该方法用于确保元素在当前视口中可见。当页面或容器可滚动时，此方法特别有用。文章提供了MDN参考链接及实际使用示例。
mdn参考链接：Element.scrollIntoView()
Element 接口的scrollIntoView()方法会滚动元素的父容器，使被调用scrollIntoView()的元素对用户可见。
- TIPS：页面（容器）可滚动时才有用！
var element = document.getElementById("box");
element.scrollIntoView();
element.scrollIntoView(false);
element.scrollIntoView({
block: "end"});
element.scrollIntoView({
behavior: "instant", block: "end", inline: "nearest"});
例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0
最低0.47元/天 解锁文章
扫一扫
623
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
