javascript - Wie erhalte ich die Höhe des angezeigten Teils eines Elements in JS?

Question

Wenn ein Element gescrollt wird, können einige oder sogar alle Elemente ausgeblendet werden. Wie erhalte ich die Höhe des sichtbaren Teils? Die Verwendung von clientHeight funktioniert nicht. Was soll ich tun?

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