Используя mdbootstrap, у меня есть navbar:
<nav class="navbar navbar-expand-lg white">
И это позиционируется так:
Во время прокрутки я добавляю класс 'fixed-top' к панели навигации с помощью этого скрипта:
let nav = $('.navbar').offset().top;
$(window).bind('scroll', function () {
if ($(window).scrollTop() >= nav) {
$('.navbar').addClass('fixed-top');
} else {
$('.navbar').removeClass('fixed-top');
}
});
Это работает, но:
Я хочу анимировать переход между исходным и фиксированным верхом. Я попытался установить время перехода на .navbar {}, но это не работает. Нужно ли оборачивать панель навигации в другой div?