js怎么获取某元素显示出来那部分的高度？

Question

一个元素在滚动的时候，会有部分元素乃至全部元素隐藏，怎么获取其可见那部分的高度？用clientHeight没用，该怎么搞？

Answer 1

你的意思是楼梯效果吗?在标题那里可以看到滚动距离

---

$(document).ready(function(){
  $(window).scroll(function(){
        // 获得窗口滚动上去的距离
        var ling = $(document).scrollTop();
        // 在标题栏显示滚动的距离,不需要注释掉
        document.title = ling;
        // 如果滚动距离大于660的时候让楼梯显示
        if(ling>660){
            $('.return_top').show();
        }
    }
    

Answer 2

用offsetHeight

Answer 3

是不是没有对父容器取clientHeight，client取可视区域，offset取带滚动条的可视区域，scroll取完整区域

这有个例子可以预览

Answer 4

clientHeight不行的话可以直接获取DOM的height属性即可。