元素自动滚动到可视范围内

最新推荐文章于 2023-09-26 15:35:45 发布

weixin_30326515

最新推荐文章于 2023-09-26 15:35:45 发布

阅读量368

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xutongbao/p/9924902.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>元素自动滚动到可视范围内</title>
    <style type="text/css">
        .test{height: 5000px;background: #666;}
        .intoview{height: 100px;background: green;}
    </style>
</head>
<body>
    <div id="test" class="test"></div>
    <div id="m-intoview" class="intoview">1</div>
    <div id="test" class="test2"></div>

    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
    <script type="text/javascript">
        $(function() {
            setTimeout(function() {
                //$("#m-intoview")[0].scrollIntoView(false);
                $("#m-intoview")[0].scrollIntoViewIfNeeded({behavior: "instant", block: "center", inline: "nearest"});
            }, 2000);
        });
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/xutongbao/p/9924902.html