可以使用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，如下图：
可以使用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，如下图：
odivload('new1html', function(data) {
// 如果new1html里有的话这个高度是错误的
// 要等到所有load完之后再获取odiv的高度
alert(odivheight());
});
function AdjustColumnsHeight() {
var mainCol = windowdocumentgetElementById('MainColumn');
var leftCol = windowdocumentgetElementById('MainLeft');
var rightCol = windowdocumentgetElementById('MainRight');
var hMainCol = mainCol offsetHeight;
var hLeftCol = leftColoffsetHeight;
var hRightCol = rightColoffsetHeight;
var maxHeight = Mathmax( hMainCol , Mathmax(hLeftCol, hRightCol));
mainColstyleheight = maxHeight + 'px';
leftColstyleheight = maxHeight + 'px';
rightColstyleheight = maxHeight + 'px';
}
上面的代码是取得3个div的高度，并判断高度最高的div高度值，让其余两个比较矮的div高度等于最高这个，自己琢磨下，很简单。
用jq的话 你可以这样改改
<script type="text/javascript">
function initMainHeight(){
let Mainheight = $(window)height();
if(Mainheight>1){
$("main_bg")css({height:Mainheight+"px"});}
}
$(document)ready(initMainHeight);
$(window)on("resize",initMainHeight);
</script>
不过你这个效果完全就可以用css实现
可以这样写
main_bg{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
jquery:
var hei=$('div')height(); //先获取这个DIV的高度
$('div')scrollTop(hei); //然后设置滚动条滚动的高度
以上就是关于如何获取div距离浏览器顶部的高度，宽度，内容全部的内容，包括:如何获取div距离浏览器顶部的高度，宽度，内容、如何获取div距离浏览器顶部的高度、如何获取jquery load进来的页面的高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）