Question

Sticky导航栏工作正常，但是当我向下滚动并在页面上加载新项目时，则它不起作用，即使滚动并到达页面顶部，它也固定在顶部。如何解决？

var $window = $(window);
    $window.on('scroll', function () {
        var scroll = $window.scrollTop();
        if (scroll < 300) {
            $(".sticky").removeClass("is-sticky");
        } else {
            $(".sticky").addClass("is-sticky");
        }
    });

Answer 1

可以尝试一下吗？

<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>

页面加载后粘性导航栏不起作用

1 个答案: