您好,欢迎访问本站博客!联系QQ:1343013953
  • 四象限时间管理法则:①重要且紧急的事;②重要但不紧急的事;③不重要但紧急的事;④不重要且不紧急的事

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

网站建设 wujinhua 2019-06-19 1199 次浏览 0个评论
网站分享代码
<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 位网友参与,快来吐槽:

发表评论

站点统计