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

2018-02-05  本文已影响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");
        }
    }
上一篇 下一篇

猜你喜欢

热点阅读