页面滚动时,nav固定在顶部

CSS:

.f-nav {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9989;
    position: fixed;
}

JS:

$(window).scroll(function() {
    if ($(this).scrollTop() > 690) {
        $("nav").addClass("f-nav");
    } else {
        $("nav").removeClass("f-nav");
    }
});

示例:
http://www.agenciamestre.com/anuncios-facebook/

页面滚动时,nav固定在顶部_第1张图片
页面滚动时,nav固定在顶部_第2张图片

你可能感兴趣的:(页面滚动时,nav固定在顶部)