首页 > 其他 > 详细

关于offset().top与scrollTop()

时间:2019-08-30 12:59:46      阅读:82      评论:0      收藏:0      [点我收藏+]

1.offset().top匹配元素相对于文档的偏移位置()

<body>
    <style type="text/css">
        body {
            border:20px solid #CCC;
            margin:10px;
            padding:40px;
            background:#EEE;
        }
        #test {
            width:400px;
            height:200px;
            padding:40px;
            background:#F60;
            border:5px solid #888;
        }
    </style>
    <div id="test"></div>
    <script>
        var test = document.getElementById("test");
        test.innerHTML = "<p>Browser:" + navigator.userAgent + "</p>" +
            "<p>offsetWidth:" + test.offsetWidth + "</p>" +
            "<p>offsetHeight:"+test.offsetHeight+"</p>"+
            "<p>offsetLeft:"+test.offsetLeft+"</p>"+
            "<p>offsetTop:"+test.offsetTop+"</p>";
    </script>
</body>

2.scrollTop()

匹配元素的滚动条的垂直位置(滚动条顶部,与滚动条长度无关)

关于offset().top与scrollTop()

原文:https://www.cnblogs.com/love-dream-88/p/11434292.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!