scrollIntoView方法讲解

最新推荐文章于 2023-08-16 15:08:09 发布

VIP文章 . . . . .

最新推荐文章于 2023-08-16 15:08:09 发布

阅读量786

点赞数

分类专栏：前端开发文章标签： html html5 javascript

本文链接：https://blog.csdn.net/yexudengzhidao/article/details/120865950

版权

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=

最低0.47元/天解锁文章

优惠劵

. . . . .

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
scrollIntoView方法讲解

mdn参考链接：Element.scrollIntoView()Element 接口的scrollIntoView()方法会滚动元素的父容器，使被调用scrollIntoView()的元素对用户可见。TIPS：页面（容器）可滚动时才有用！var element = document.getElementById("box"); element.scrollIntoView();element.scrollIntoView(false);element.scrollIntoView({bl
复制链接

扫一扫