jQuery从顶部获取高度

Posted

技术标签:

【中文标题】jQuery从顶部获取高度【英文标题】:jQuery get the height from top 【发布时间】:2012-06-20 14:48:47 【问题描述】:

我需要获取从页面顶部到当前滚动条位置的高度并将其放置到我的链接:

<a class="poplight" rel="popup_name" href="#?w=here comes the value"></a>

我该怎么做?

【问题讨论】:

【参考方案1】:

使用偏移量()

$('.poplight').offset().top

如果您需要滚动到该位置:

$('html, body').animate(
    scrollTop: $('.poplight').offset().top
, 400);

如果需要基于滚动的窗口顶部到当前位置的距离:

$(window).scrollTop()

想将它添加到 url:

$(".poplight").attr("href", "#" + $(window).scrollTop())

【讨论】:

不,不。我必须把从网站顶部到当前视图的 px 高度。例如,您将网站滚动到一半,我需要从顶部到当前视图的高度并将其放到我的链接中。 是的!而已。现在,如何将 px 中的 dintance 放到我的链接中? 它没有将值放入我的链接中。这是网站:daniel-koczula.pl/testowy 我需要(例如到红色底部按钮)根据滚动链接放置从窗口顶部到当前位置的距离。当您悬停按钮时,您会看到daniel-koczula.pl/testowy/#?w=3200,我需要将值放在 w= 之后

以上是关于jQuery从顶部获取高度的主要内容,如果未能解决你的问题,请参考以下文章

jQuery中获取文档的高度可视区域高度以及滚动条距页面顶部的高度

jquery获取元素与屏幕高度距离

jquery获取元素到屏幕底的可视距离

jquery怎么获取元素距离屏幕的位置

如何获取元素距离页面顶部的高度?

使用 jQuery 获取 div 的可见高度