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

最新推荐文章于 2024-02-20 16:31:40 发布

weixin_30326515

最新推荐文章于 2024-02-20 16:31:40 发布

阅读量364

点赞数

文章标签： 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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30326515

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
元素自动滚动到可视范围内

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>元素自动滚动到可视范围内</title> <style type="text/css"> .test{...
复制链接

扫一扫