title: Disable scrolling up after certain point on page?
body: <p>I have an intro div on a page that calculates the window height so it fills the window:</p>
  
  <pre><code>resizeWindow();
  $(window).resize(resizeWindow);
  
  function resizeWindow() {
      var ww = $(window).width();
      var bh = $(document).height();
      var wh = $(window).height();
      featureHeight = wh - 0;
      $('#intro').css({'height':featureHeight+'px'});
  }
  </code></pre>
  
  <p>I'd like to set it so once the user scrolls past this div, scrolling back up to that intro div is disabled.</p>
  
  <p>Is this possible? Any help would be greatly appreciated.</p>
  
  <p><strong>Update:</strong></p>
  
  <p>Combined the function found <a href="https://stackoverflow.com/questions/18925332/disable-scrolling-up-past-specific-point">here</a> and this does the trick: </p>
  
  <pre><code>resizeWindow();
  $(window).resize(resizeWindow);
  
  function resizeWindow() {
      var ww = $(window).width();
      var bh = $(document).height();
      var wh = $(window).height();
      featureHeight = wh - 0;
      $('#intro').css({'height':featureHeight+'px'});
      var scrollPoint = featureHeight;
      var scrolledPast = false;
      $(window).scroll(function() {
          $(window).scrollTop() &gt; scrollPoint ? scrolledPast = true : '';
          $(window).scrollTop() &lt; scrollPoint &amp;&amp; scrolledPast == true ? $(window).scrollTop(scrollPoint) : '';
      }).scroll();
  }
  </code></pre>