当前位置: 开发笔记 > 编程语言 > 正文

获取元素滚动后的可见高度！

作者：理想压力正比_635 | 来源：互联网 | 2023-06-03 12:10

javascript怎么获取元素滚动后的可见高度！http:v2.freep.cn3tb_131009110450qew1512293.png图片传不了，这么上传后的图片链接！

Javascript怎么获取元素滚动后的可见高度！ http://v2.freep.cn/3tb_131009110450qew1512293.png
图片传不了，这么上传后的图片链接！

8 个解决方案

#1

div.clientHeight

#2

引用 1 楼 fzfei2 的回复:

div.clientHeight

这个不管怎么滚动获取的都是总高度

#3

引用 2 楼 hutao93 的回复:

Quote: 引用 1 楼 fzfei2 的回复:

div.clientHeight

这个不管怎么滚动获取的都是总高度

就这块

#4

外层容器的scrollTop 减去内层div的outerHeight

#5

你这样试试:
当前的DIV本来的高度:A
滚动条当前位置距离顶部的高度:B
滚动条当前位置距离底部的高度:C
当前DIV距离顶部的高度:D(非margin-top高度,指该DIV上面的DIV的高度总和)
当前DIV距离底部的高度:E(非margin-top高度,指该DIV下面的DIV的高度总和)

然后这样:
当前DIV显示高度=A-(B-D>0?B-D:0)-(C-E>0?C-E:0)

demo:

        height: 500px;">



































        sfsd

#6

自己导入jquery

#7

http://pan.decadework.com/file/2013/10/9/2013100912051915490.zip 演示源码下载

#8

引用 5 楼 jtczhouxiang 的回复:

你这样试试:
当前的DIV本来的高度:A
滚动条当前位置距离顶部的高度:B
滚动条当前位置距离底部的高度:C
当前DIV距离顶部的高度:D(非margin-top高度,指该DIV上面的DIV的高度总和)
当前DIV距离底部的高度:E(非margin-top高度,指该DIV下面的DIV的高度总和)

然后这样:
当前DIV显示高度=A-(B-D>0?B-D:0)-(C-E>0?C-E:0)

demo:
    

    

    

    





    

        sfsd