可以使用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像素，所以d出的应该是100，如下图：
代码：
•$(function(){
•//获取要定位元素距离浏览器顶部的距离
•var navH = $("nav")offset()top;
•//滚动条事件
•$(window)scroll(function(){
•//获取滚动条的滑动距离
•var scroH = $(this)scrollTop();
•//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定
•if(scroH>=navH){
•$("nav")css({"position":"fixed","top":0});
•}else if(scroH<navH){
•$("nav")css({"position":"static"});
•}
•})
•})
jq只有获取元素相对于浏览器的
$(this)offset()left()忘了后边要不要小括号了
$(this)offset()top()
相对于父元素的话，把父元素的position设置成相对或绝对定位
然后documentgetElementById("dddd")offsetTop
documentgetElementById("dddd")offsetLeft
就是你要的了
以上就是关于如何获取div距离浏览器顶部的高度，宽度，内容全部的内容，包括:如何获取div距离浏览器顶部的高度，宽度，内容、使用js或jq控制一个div，当滚动到页面顶部的时候固定在顶部，离开可继续滚动吗、jquery 如何获取鼠标当前位置相当于父元素的坐标 而不是相对于浏览器等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）