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

 我来答
码农小明哥
2017-07-15 · 互联网程序员一枚,欢迎交流
码农小明哥
采纳数:9602 获赞数:25062

向TA提问 私信TA
展开全部

可以使用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,如下图:

百度网友3cb80af
推荐于2016-05-20 · TA获得超过9535个赞
知道大有可为答主
回答量:1.2万
采纳率:83%
帮助的人:3983万
展开全部
JS就可以获取了,

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

JQ可以这样:
$("#aaa").offset().top; //jq获取aaa元素距离body的距离
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式