有滚动条得情况下,求标签离浏览器视口高度

Posted amanda-man

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了有滚动条得情况下,求标签离浏览器视口高度相关的知识,希望对你有一定的参考价值。

 

使用:getElementViewTop($(".product .tab a")[0])  //注意一定要加[0]

//获取视口高度
function getElementViewTop(element) {
var actualTop = element.offsetTop;
var current = element.offsetParent;
while (current !== null) {
actualTop += current.offsetTop;
current = current.offsetParent;
}

if (document.compatMode == "BackCompat") {
var elementScrollTop = document.body.scrollTop;
} else {
var elementScrollTop = document.documentElement.scrollTop;
}
return actualTop - elementScrollTop;
}














以上是关于有滚动条得情况下,求标签离浏览器视口高度的主要内容,如果未能解决你的问题,请参考以下文章

知识点:整个doucument而言如果判断滚动条滚动到底部

获取浏览器视口的宽度和高度,无论内容大小如何且不调整为 100%?

文档的几何形状和滚动

浏览器视口

在JS中获取Android Chrome浏览器地址栏高度

滚动锚定(Scroll Anchoring)- 让视口内容不再因视口上方 DOM 元素的高度变化而产生跳动