温馨提示×

温馨提示×

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

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

显示return top的图标

发布时间:2020-06-23 00:01:15 来源:网络 阅读:471 作者:爱笑嘚蛋蛋 栏目:开发技术
$(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;
}


向AI问一下细节

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

AI