Javascript Can'；Don’不要让粘性导航条工作

首先，为什么不工作

第二，我放在JSFIDLE中的js代码在我的项目中正常工作，但我遇到了某种浏览器支持问题

当我在Chrome中运行该网站时，它会按预期工作，当你向下滚动到导航栏时，它会得到修复，当我在Safari和Firefox中运行它时，它会将导航栏设置为固定，但也会将导航栏缩小并向左浮动。我搞不清楚上面提到的浏览器不支持什么

这是我的密码：

HTML

JAVASCRIPT

 $(document).ready(function () {
  var stickyNavTop = $('#navbar-wrapper').offset().top;

  var stickyNav = function () {
      var scrollTop = $(window).scrollTop();

      if (scrollTop > stickyNavTop) {
          $('#navbar-wrapper').css({
              'position': 'fixed',
                  'top': '0'
          });
          alert('afa');
      } else {
          $('#navbar-wrapper').css({
              'position': 'relative'
          });
      }
  };

  stickyNav();

  $(window).scroll(function () {
      stickyNav();
  });
});

我错过了什么

---

请注意，

您的小提琴不起作用，因为您没有包括jQuery。解决了这个问题，我就可以在Chrome和Firefox中使用它。包括Jquery以使其工作。我的错误。行。你对主要问题有什么建议吗？为什么它在Safari和Firefox中不起作用，但Chrome起作用？如果JSFIDLE起作用，我们很难发现问题。也许你可以提供更多的代码？呸，找到问题了。这真是一个烦人的问题。我必须在所有浏览器中进行硬刷新。

#navbar-wrapper {
  position: relative;
  min-width: 100%;
  border:1px solid red;
}

 $(document).ready(function () {
  var stickyNavTop = $('#navbar-wrapper').offset().top;

  var stickyNav = function () {
      var scrollTop = $(window).scrollTop();

      if (scrollTop > stickyNavTop) {
          $('#navbar-wrapper').css({
              'position': 'fixed',
                  'top': '0'
          });
          alert('afa');
      } else {
          $('#navbar-wrapper').css({
              'position': 'relative'
          });
      }
  };

  stickyNav();

  $(window).scroll(function () {
      stickyNav();
  });
});