如何判断一个元素当前是否因为滚动条滚动而处于不可见状态？

因为有可能是元素A的父元素B有滚动条，或者A的父元素B没有滚动条，而B的父元素C有滚动条。
不知道该怎么算了。

解决方案 »

  1.   

    判断他的：offsetHeight 是否等于 scrollHeight  如果scrollHeight >offsetHeight   说明有滚动条 
      

  2.   


    因为要附加一个div到某个元素的附近，采用绝对定位，计算出元素的位置，但是在滚动时如果元素到了滚动可视区域之外，需要隐藏掉我的div，滚动出来以后又要显示出来。
      

  3.   

    这个简单：判断： 子元素的offsetTop 是否大于父元素的 height(offsetHeight)如果大于 说明不在可见区域了
      

  4.   


    <body style="margin:0; padding:0">
    <div id="aa" style="width:100px; height:100px; overflow-y:scroll">
    <div id="bb" style="height:50px; background-color:#000; margin-top:80px;"></div>
    </div>
    <script type="text/javascript">
    var a=document.getElementById('aa');
    var b=document.getElementById('bb');
    if(b.offsetTop>a.offsetHeight){
    alert('看不见')
    }else{
    alert('看的见')
    }
    </script>
    自己改margin-top:80px; 看效果
      

  5.   


    我的场景有点不一样，如下：我想知道滚动条滚动以后，这个btn是不是还可以看得见：<div style="background-color:#293955;width:100%;height:80px;"></div>
    <div style="height:200px;width:auto;overflow:auto">
        <div style="height:400px;width:auto">
            <button id = "btn">123</button>
        </div>
    </div>
    <button onclick="btnClick();">算</button>