可以使用offset() 方法，该方法返回或设置匹配元素相对于文档的偏移（位置），该方法返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效。
1、使用offset() 方法获取一个元素距离浏览器的顶部和左边的可视距离，代码如下：
<html><head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<script type="text/javascript">
$(document)ready(function(){
$("button")click(function(){
x=$("p")offset();
$("#span1")text(xleft);
$("#span2")text(xtop);
});
});
</script>
</head>
<body>
<p>本段落的偏移是 <span id="span1">unknown</span> left 和 <span id="span2">unknown</span> top。</p>
<button>获得 offset</button>
</body>
</html>
2、运行的结果如下：
jquery给一个DIV设置坐标：\x0d\jquery中设置div的坐标位置的方法是通过offset实现的。\x0d\1、获取到div对象并且获取到当前偏移位置\x0d\var p = $("#elementId");对象\x0d\var offset = poffset(); 位置\x0d\2、设置坐标位置，一般之关系距离顶部和左部的坐标：\x0d\$("#secondElementId")offset({ top: offsettop, left: offsetleft})
使用JQuery 获取div距离顶部的距离: $("div")offset()top
创建滚动条监听事件，
$(window)scroll(function(e){//滚动距离
$(window)scrollTop();
});
滚动距离 到达 div的距离时，触发事件
我给我你解释一下吧
你右上角是浏览器
你
$(window)width()
获取的是浏览器的宽度
（这个宽度包括滚动条）
正常情况下这两个宽度相差12像素，也就是一个滚动条的
宽度
jQuery 获取 div 之间的内容，有两种方法，$(selector)text()、$(selector)html() 。
html：
<div><p>test</p>
</div>
$("div")text() 得到的是 test，是 div 的纯文本，会自动忽略 html 标签 。
$("div")html() 得到的是 <p>test</p>，是 div 的所有内容，包括 html 标签，它有个好处是可以将 得到的标签与文字 直接再利用，比如添加到页面其他地方之类的 *** 作 。
以上就是关于jquery获取元素距离浏览器顶部的可视高度全部的内容，包括:jquery获取元素距离浏览器顶部的可视高度、怎样利用jquery给一个DIV设置坐标、当一个div运动到一定位置触发事件（用jquery和js都可以）怎么写等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）