javascript在滚动上固定的位置

前端之家收集整理的这篇文章主要介绍了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%'
    })
  }
});

猜你在找的HTML相关文章