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

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");
        }
    }

你可能感兴趣的:(置顶按钮到指定位置后随页面滚上去)