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

Posted 2021-05-04

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript 滚动偏移上的导航顶部动画相关的知识，希望对你有一定的参考价值。

.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")
})

以上是关于javascript 滚动偏移上的导航顶部动画的主要内容，如果未能解决你的问题，请参考以下文章