JS实现页面下拉滑动到指定位置,添加class

$(window).scrollTop() > $(“#top”).height(),讲的是判断下拉条的顶端位置和top这个div的起始高度进行对比,如果下拉条顶端位置等于小于div起始高度,就把navcss这个样式添加进来,否则就移除这个样式。

$(document).ready(function() {
    $(window).scroll(function() {
        if($(window).scrollTop() > $("#top").height()) { //判断div #top
            $("#nav").addClass("navcss"); //滑动超过#top高度,给#nav 添加class  navcss
        } else {
            $("#nav").removeClass("navcss"); //小于#top高度,移除 navcss
        }
    })
});
分享海报