JS如何获得元素到可视网页区域的top值

就是获取当前元素的offsetTop值，减去可视区域的高度和窗口卷起的高度。

$("div")offset() - $(window)scrollTop() - $(window)height()

这个太简单了吧，先设置父元素，overflow：hidden;

收起的时候，height：0；

点开的时候 height：auto；

另外最好不要用绝对定位，这样会让布局更麻烦

哦，补充一下，如果还有爷爷级的话同样要给设置overflow：hidden;

应为这样才能形成BFC（块级格式化上下文）

不然的话会撑不开

首先介绍几个属性（都是jquery的属性，可以免去兼容性的烦恼）

1 网页被卷起来的高度/宽度（即浏览器上方隐藏的页面内容高度）

2 浏览器工作区域的高度和宽度

3 元素距离文档顶端和左边的偏移值

4 页面的文档高度

参考文章 >

以上就是关于JS如何获得元素到可视网页区域的top值全部的内容，包括:JS如何获得元素到可视网页区域的top值、求一段JS 获取子元素自适应高度值并赋予其父元素相同的高度值、js获取元素距离浏览器顶端的距离等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！