javascript 滚动偏移上的导航顶部动画

Posted 2021-05-04

.navbar{
    background: transparent !important;
}
.navbar.scrolling-navbar {
    transition: background .5s ease-in-out,padding .5s ease-in-out;
}

var OFFSET_TOP = 50; // <= bằng height của $(".navbar") $(".navbar") = 64 chẳng hạn
$(window).scroll(function() {
	$(".navbar").offset().top > OFFSET_TOP ? $(".scrolling-navbar").addClass("top-nav-collapse") : $(".scrolling-navbar").removeClass("top-nav-collapse")
})