jquery获取元素距离浏览器顶部的可视高度 10

不是set().top,也不是position().top哦... 不是set().top,也不是position().top哦 展开
 我来答
码农小明哥
2017-06-09 · 互联网程序员一枚,欢迎交流
码农小明哥
采纳数:9602 获赞数:25062

向TA提问 私信TA
展开全部

可以使用offset() 方法,该方法返回或设置匹配元素相对于文档的偏移(位置),该方法返回的对象包含两个整型属性:top 和 left,以像素计。此方法只对可见元素有效。

1、使用offset() 方法获取一个元素距离浏览器的顶部和左边的可视距离,代码如下:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    x=$("p").offset();
    $("#span1").text(x.left);
    $("#span2").text(x.top);
  });
});
</script>
</head>
<body>
<p>本段落的偏移是 <span id="span1">unknown</span> left 和 <span id="span2">unknown</span> top。</p>
<button>获得 offset</button>
</body>
</html>

2、运行的结果如下:

daoke_li
2017-03-22 · TA获得超过762个赞
知道小有建树答主
回答量:437
采纳率:100%
帮助的人:139万
展开全部
Y= $(obj).offset().top - $(window).scrollTop();
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
细雨_如思
2015-11-27 · TA获得超过112个赞
知道小有建树答主
回答量:291
采纳率:75%
帮助的人:55.4万
展开全部
var calcObj = document.getElementByClassName("div")[0];
var absTop = getAbsoluteHeight(calcObj);

function getAbsoluteHeight(obj){
var t=obj.offsetTop;
while((obj=obj.offsetParent)){
t+=obj.offsetTop;
}
return t;
}

你试试
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2015-11-27
展开全部
offset().top()
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式