提问者:小点点

页面加载后粘滞导航栏不工作


粘滞导航栏工作正常,但当我向下滚动和新的项目加载到页面,然后它不工作,它得到固定在顶部,甚至当滚动和达到页面顶部。 如何修复?

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

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