要点:占位符
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"); } });