pc端监听屏幕实现导航固定定位

要点：占位符

 

 

js，监听屏幕滚动事件，当滚动条距离浏览器顶部的距离 大于 要固定定位开始以下元素的距离，则给要固定元素添加fixed样式。

初始化方法时，要给占位符添加样式

function sortNavInit() {
    $(".consultBox").find(".sort-clone").css("height", $(".conditionList").outerHeight(false)); // .conditionList为要固定定位元素的类名
}

  $(window).scroll(function () {
        var posTop = $(".consultBox").offset().top;  //.consultBox元素为从 要 固定定位元素 开始到以下的层的类名
        if ($(window).scrollTop() > posTop) {
            $(".consultBox").addClass("fixed");
        } else {
            $(".consultBox").removeClass("fixed");
        }
    });

 

转载于:https://www.cnblogs.com/ss977/p/7686566.html