根据滚动条设置的高度，然后显示内容！

<html>
<script src="jquery.min.js"></script>
<style>
.yc{
display:none;
position:fixed;
bottom:0px;
}
</style>
<body>
<div style="width:100%; height:1500px; background:red;">
我我我
</div>
<div id="top" class="yc"  style="width:100%; height:200px; background:#000;">
1212121
</div>
 <script type="text/javascript">
    $(function() {
        //scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。
        $(window).scroll(function() {
                var scroHei = $(window).scrollTop();//滚动的高度
				//alert(scroHei);
                if (scroHei > 400) {
                     $('#top').css('display','block'); 
                } else {
                   $('#top').css('display','none');  
                }
            })
    })
    </script>
</body>
</html>

已有 1199 位网友参与，快来吐槽：

取消回复发表评论