backtop返回页面顶部jquery代码

<div id="toTop" style="width:30px;height:110px;border:1px solid #74B9DC; border-radius:5px; background-color: #74B9DC;text-align:center;padding-top:20px;position:fixed;top:350px;right:20px;cursor:pointer;display:none;font-size:18px;">回到顶部</div>
<script>
$(document).ready(function(){
    $(window).scroll(function(){
        if($(this).scrollTop()!=0){
            $('#toTop').fadeIn(3000);
        }
        else{
            $('#toTop').fadeOut(300);}
    });
    $('#toTop').click(function(){ 
        $('body,html').animate({scrollTop:0},1200);
    });
});
</script>

 

posted @ 2014-08-20 15:59  小鱼阁工作室  阅读(242)  评论(0编辑  收藏  举报
Copyright © 小鱼阁工作室 版权所有 -zencart外贸建站,织梦企业建站,ecshop商城,二次开发,产品采集,模板修改!