可以使用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,如下图:
div 的宽度等于 实际宽度-内边距-边框=div的宽度;
外边距可以忽略不计。因为外边距不会实际div块的大小产生影响。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
var width=0;
$('div_big>')each(function(){
width+=$(this)outerWidth()
})
你好,不知,你写这个做什么用?如果是定位,你可以看一下offset这个函数。
以上就是关于如何获取div距离浏览器顶部的高度,宽度,内容全部的内容,包括:如何获取div距离浏览器顶部的高度,宽度,内容、DIV宽度的计算、jq怎么获取一个div里面的所有元素的宽度,然后累加起来,在把这个宽度给父级元素。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)