显示两个div之间的导航栏

Question

我在两个div之间制作导航栏时遇到了问题。

代码显示第一个div之后的导航栏但是在第二个div之后无法隐藏。

我不想在底部看到导航栏。它必须以两个div显示。 有可能吗？

$(document).ready(function() {

  $(".navbar").hide(); //Hide the navigation bar first

  $(window).scroll(function() { //Listen for the window's scroll event
    if (isScrolledAfterElement(".content")) { //if it has scrolled beyond the #content elment
      $('.navbar').fadeIn(); //Show the navigation bar
    } else {
      $('.navbar').fadeOut(); //Else hide it
    }
  });

  //Function that returns true if the window has scrolled beyond the given element
  function isScrolledAfterElement(elem) {
    var $elem = $(elem);
    var $window = $(window);

    var docViewTop = $window.scrollTop();
    var docViewBottom = docViewTop + $window.height();

    var elemTop = $elem.offset().top;

    return elemTop <= docViewBottom;
  }
});