title: jQuery Image Popup and fixed navigation
body: <p>I downloaded Fancybox pluging from <a href="http://fancyapps.com/fancybox" rel="nofollow noreferrer">http://fancyapps.com/fancybox</a> and used for open my gallery images in popup. <br>
  and also I used fixed navigation when scrolling. <br>
  My problem is, when I click on images, it will open in a popup window. It is ok.
  But, fixed navigation menu is still appear on the popup window.
        <img src="https://i.snag.gy/oUkBn.jpg" alt="a busy cat">
  ![problem][1]</p>
  
  <p>Navigation Menu HTML</p>
  
  <pre><code>&lt;div class="nav-container"&gt;
          &lt;div id="nav"&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#shop"&gt;shop&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#gallery"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#facilities"&gt;Facilities&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#terms"&gt;Terms&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt; 
             &lt;div class="clear"&gt;&lt;/div&gt; 
            &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;  
  </code></pre>
  
  <p>Navigation Menu Javascript</p>
  
  <pre><code>jQuery("document").ready(function($){
  
  var nav = $('.nav-container');
  
  $(window).scroll(function () {
      if ($(this).scrollTop() &gt; 136) {
          nav.addClass("f-nav");
      } else {
          nav.removeClass("f-nav");
      }
   });
  });
  </code></pre>
  
  <p>Because of that navigation, user can't close the popup window.
  Guys,
  please help me to solve this.</p>