javascript - 当滚动条滑到一定距离自动隐藏某个div怎么实现？滑到一定距离会自动给这个div加上display：none

问题描述

问 题

当滚动条滑到一定距离自动隐藏某个div怎么实现？滑到一定距离会自动给这个div加上display：none

解决方案

<script type="text/javascript">

    $(window).scroll( function() {
        if(window.document.body.scrollTop>=500){
            document.getElementById("top_bar").style.display = "none";
        }
        else{
            document.getElementById("top_bar").style.display = "block";
        }
    } );
</script>
<div class="top_bar" id="top_bar"></div>

这篇关于javascript - 当滚动条滑到一定距离自动隐藏某个div怎么实现？滑到一定距离会自动给这个div加上display：none的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！