粘滞导航栏工作正常,但当我向下滚动和新的项目加载到页面,然后它不工作,它得到固定在顶部,甚至当滚动和达到页面顶部。 如何修复?
var $window = $(window);
$window.on('scroll', function () {
var scroll = $window.scrollTop();
if (scroll < 300) {
$(".sticky").removeClass("is-sticky");
} else {
$(".sticky").addClass("is-sticky");
}
});
你能试试这个吗:
<script>
window.onscroll = function() {myFunction()};
var navbar = document.getElementById(".sticky");
var sticky = navbar.offsetTop;
function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("is-sticky")
} else {
navbar.classList.remove("is-sticky");
}
}
</script>