美文网首页
置顶按钮到指定位置后随页面滚上去

置顶按钮到指定位置后随页面滚上去

作者: 秃头大叔 | 来源:发表于2018-02-05 20:32 被阅读0次
var footTop = $(".f-position")[0].offsetTop;   //置顶要飘在哪个上面大致的位置
    window.onscroll = function () {
        if($(document).scrollTop() > 300){
                $(".gotop").show();
        }else {
            $(".gotop").hide();
        }
        if($(document).scrollTop() + window.screen.height - 40 > footTop) {
            console.log(footTop-$(document).scrollTop())
            $(".gotop").css("bottom",window.screen.height-footTop+$(document).scrollTop() + "px");
        }else{
            $(".gotop").css("bottom","50px");
        }
    }

相关文章

网友评论

      本文标题:置顶按钮到指定位置后随页面滚上去

      本文链接:https://www.haomeiwen.com/subject/ezwizxtx.html