单击jQuery滚动内容问题

我有一个滚动的问题，你可以看到这个网站

当你们在索引上滚动，然后再滚动关于我们的内容时，这一部分会向上显示底部内容区域中的一些区域，但我不会显示。我需要全屏内容区。我附上了一个屏幕短片，希望你能理解

我也有问题，当我这样做了一次又一次，它隐藏了我的导航栏从顶部，所以我如何才能解决这个问题

这是我正在使用的jQuery代码

$(function() {
  // Stick the #nav to the top of the window
  var nav = $('.top-navigation');
  var navHomeY = nav.offset().top;
  var isFixed = false;
  var $w = $(window);
  $w.scroll(function() {
    var scrollTop = $w.scrollTop();
    var shouldBeFixed = scrollTop > navHomeY;
    if (shouldBeFixed && !isFixed) {
        nav.css({
            position: 'fixed',
            top: 0,
            left: nav.offset().left,
            width: nav.width()
        });
        isFixed = true;
    }
    else if (!shouldBeFixed && isFixed)
    {
        nav.css({
            position: 'static'
        });
        isFixed = false;
    }
  });
});

---

很抱歉，我无法附加图片，但你们可以看到什么时候你们会点击关于我们或我们的故事链接。我没有看到Chrome上有问题。可能是浏览器问题？@rnevius这在所有浏览器上都是相同的问题，即使在Chrome中也是如此