Question

在滚动x点后，我试图修复导航栏，但是它不起作用，有人可以帮助我吗？（我是新手，所以请放轻松）

$(document).on('scroll', function (event) {
    if (document.body.scrollTop > 550 || document.documentElement.scrollTop > 550) {      
      $('.nav_bar').addClass('navbar-fixed');
    }
  else {
      $('.nav_bar').removeClass('navbar-fixed');
    }
  }
});

Answer 1

尝试一下：

$(window).scroll(function(){
    var scroll = $(window).scrollTop();
    if (scroll >= 550) {
        $('.nav_bar').addClass('navbar-fixed');
    } else {
        $('.nav_bar').removeClass('navbar-fixed');
    }
});

Answer 2

由于您对jQuery感到满意/熟悉，因此可以尝试执行以下操作：

https://console.firebase.google.com/u/0/project/[YOUR_PROJECT_ID]/hosting

滚动后修复导航栏

2 个答案: