关于offset().top与scrollTop()

最新推荐文章于 2022-08-10 17:28:22 发布

weixin_38169927

最新推荐文章于 2022-08-10 17:28:22 发布

阅读量354

点赞数

原文链接：http://www.cnblogs.com/love-dream-88/p/11434292.html

版权

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()

匹配元素的滚动条的垂直位置（滚动条顶部，与滚动条长度无关）

转载于:https://www.cnblogs.com/love-dream-88/p/11434292.html

优惠劵

weixin_38169927

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于offset().top与scrollTop()

1.offset().top匹配元素相对于文档的偏移位置（）<body> <style type="text/css"> body { border:20px solid #CCC; margin:10px; padding:40px; ...
复制链接

扫一扫