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
        }
    })
});
分享海报

关于我

大胡子,男,生于1994年,河南洛阳人。

很多人对我的网名有误解,这里顺便解释一下,我姓胡,大胡子这个网名始于2013年,早期的一些网友管我叫胡子,然后我就给自己取了个网名叫「大胡子」,这里的「大」是长大了的意思。

自由职业者,8年WordPress网站开发经验,不善言辞,喜欢爬山、摄影,油泼面的粉丝,和很多人一样,包揽了生活中不同的角色和位置。

如果你有网站相关类的业务需求,可以联系我哦,期待与你的合作~