显示return top的图标

发布时间:2020-06-23 00:01:15 作者:爱笑嘚蛋蛋
来源:网络 阅读:469
$(window).scroll(function(){
    var sc=$(window).scrollTop();
    var rwidth=$(window).width()+$(document).scrollLeft();
    var rheight=$(window).height()+$(document).scrollTop();
    if(sc > 800){
        $("#goTop").css("display","block");
        var _width = $(".progress").width() + $(".progress").offset().left +110 ;
        $("#goTop").css("right",(rwidth-_width)+"px");
    }else{
        $("#goTop").css("display","none");
    }
});
$("#goTop").click(function(){
    $('body,html').animate({scrollTop:0},300);
});
<div id="goTop" class="goTop"></div>
.goTop
{
    background:url(p_w_picpaths/return-top.png) no-repeat;
    height:32px;
    width:32px;
    position:fixed;
    bottom:20px;
    right:0;
    display:none;
    cursor:pointer;
}


推荐阅读:
  1. bootstrap图标无法显示的原因是什么
  2. Angular中使用ng-zorro图标库部分图标不能正常显示问题

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

top return et

上一篇:Plug-in com.android.ide.eclipse.ddms was unable to load class

下一篇:图片懒加载 lazyload.js使用方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》