Как я могу оживить липкое Navbar

Question

Моего проекта имеет липкий заголовок после прокрутки, который использует этот скрипт:

$(document).ready(function() { 

    $(window).scroll(function() { 
     //if you hard code, then use console 
     //.log to determine when you want the 
     //nav bar to stick. 
     console.log($(window).scrollTop()) 
    if ($(window).scrollTop() > 385) { 
     $('#nav').addClass('navbar-fixed'); 
    } 
    if ($(window).scrollTop() < 386) { 
     $('#nav').removeClass('navbar-fixed'); 
    } 
    }); 
}); 

Как я могу оживить это так, что он выглядит лучше?

Answer 1

Вы также можете использовать jQuery animations. поскольку вы уже используете jQuery

Answer 2

Вы можете использовать CSS и ключевые фреймы для анимации добавляемого и удаляемого класса. Ниже приведены похожие вопросы с использованием ключевых рамок для плавной прокрутки smooth scrolling sticky header