javascript在滚动上固定的位置

我有这个div只是一个标题.

还有一个导航栏,我想把它定位为固定的

当你滚动浏览它时,我需要页面才能抓住导航栏,就像在这个网站上一样：https://ovariancancer.net.au/

我已经看到了这方面的答案,但它们非常局限于OP的用例,所以我无法让它为我的页面工作.

干杯

最佳答案

她的代码类似于’https://ovariancancer.net.au/‘
希望这可以帮助

$(window).scroll(function() {
  if ($(window).scrollTop() > 100) {
    $(".navbar").css({
      'position': 'fixed','top': '0px','width': '100%','background': '#cfcfcf','z-index': '99'
    });
  } else {
    $(".navbar").css({
      'position': 'relative','background': '#FFFFFF','width': '100%'
    })
  }
});