首页 > Web开发 > 详细

js小效果:返回顶部

时间:2015-11-13 13:08:00      阅读:270      评论:0      收藏:0      [点我收藏+]

返回顶部:

<div id="gotop" onclick="javascript:scroll(0,0);"><img src="images/top33x33.png"></div>
<style type="text/css">
#gotop{display:none;position:fixed;right:5px;bottom:4rem;width:33px;height:33px;z-index:999;}
</style>
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $(window).scroll(function() {//滚屏
        var scrollTop = $(document.body).scrollTop();//滚动高度
        var windowH = $(window).height();//页面高度
        if(scrollTop>windowH){
            $("#gotop").show();
        }else{
            $("#gotop").hide();
        }
    });
});
</script>

 

 

..

 

js小效果:返回顶部

原文:http://www.cnblogs.com/qq21270/p/4961686.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!