• 所有问题

    • 如何获取div距离浏览器顶部的高度

    如题所述

    举报该问题
    推荐答案   2017-07-15

    可以使用offset()方法来获取元素距离浏览器的边距，offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。

    工具原料：编辑器、浏览器

    1、首先设置一个div然后使用offset()方法来获取其距离浏览器顶部的高度，简单的代码示例如下：

    <body style="margin: 0;padding: 0;">
    <div style="width: 200px;height: 200px;border: 1px solid red;margin-top:100px;"></div>
    <script>
    alert($('div').offset().top);
    </script>
    </body>

    2、因为div距离顶部的距离是100像素，所以弹出的应该是100，如下图：

    温馨提示：答案为网友推荐，仅供参考
    其他回答
    第1个回答  推荐于2016-05-20
    JS就可以获取了，

    document.getElementById("DIV的ID或者其它选择").offsetTop;这是离顶部

    JQ可以这样：
    $("#aaa").offset().top; //jq获取aaa元素距离body的距离本回答被提问者和网友采纳
    相似回答
    大家正在搜
    相关问题
    如何获取某个div距离浏览器底部的高度？
    如何获取元素距离页面顶部的高度？
    如何获取元素距离页面顶部的高度
    如何获取div到浏览器底部的高度
    求教js如何获取元素到浏览器顶部的距离
    jquery获取元素距离浏览器顶部的可视高度
    怎么获取一个元素距离浏览器顶部的高度（动态获取）
    如何获取div距离浏览器顶部的高度，宽度，内容