当元素滚动到顶部时,固定在顶部。

例中,当.nav-bar滚动到顶部时,固定在顶部:

const cTop = $('.nav-bar').offset().top;
$(window).scroll(function () {
    if ($(this).scrollTop() > cTop) {
        $('.nav-bar').css('position', 'fixed').css('top', 0); // fixed 相对浏览器定位
    } else {
        $('.nav-bar').css('position', 'relative');
    }
});

你可能感兴趣的:(js,css,html,javascript)