可以使用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、运行的结果如下：
$('h2#answers-title')offset()top-$(document)scrollTop();
$('h2#answers-title')offset()top h2#answers-title元素相对于document的垂直位置
$(document)scrollTop() 整个文档被上卷的高度
2者差就是$('h2#answers-title')相对于当前浏览器视图窗口的垂直位置
js获取页面元素距离浏览器工作区顶端的距离
网页工作区域的高度和宽度
(javascript) documentdocumentElementclientHeight// IE firefox
(jqurey) $(window)height()
元素距离文档顶端和左边的偏移值
(javascript) DOM元素对象offsetTop //IE firefox
(javascript) DOM元素对象offsetLeft //IE firefox
(jqurey) jq对象offset()top
(jqurey) jq对象offset()left
<head>
<meta charset="utf-8">
<style>
body,div{margin:0;padding:0;border:0}
#div1{width:300px;height:200px;border:1px solid red;margin-left:50px}
</style>
</head>
<body>
<div id="div1">
div元素
</div>
<script type="text/javascript">
//获取元素
var div = documentgetElementById("div1");
//获取左边与父元素的距离
alert('左边距离是：' + divoffsetLeft + ' 像素');
//获取右边距离
alert('右边距离是：' + (screenwidth - divoffsetLeft - divoffsetWidth) + ' 像素');
</script>
</body>
$(obj)offset()top - $(window)scrollTop()。
拓展：
1、jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的 *** 作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jQuery，是目前最受欢迎的JavaScript库。
2、jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jörn Zaefferer，罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。由于目前高校基本尚未开JavaScript的相关课程，目前jQuery的学习，使用，研究都仅限于在职Web程序员之间。
直接使用 androidviewViewgetScrollY() 就可以了 这个是获得 当前 滑动位置 距离 scrollView 顶部的距离 类似的 listView 也有这个方法
以上就是关于jquery获取元素距离浏览器顶部的可视高度全部的内容，包括:jquery获取元素距离浏览器顶部的可视高度、jQuery中获取元素到页面可视区顶端距离有什么方法、如何获取div距离浏览器顶部的高度，宽度，内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）