title: When element is set to fixed I lose a scroll bar
body: <p>I have a page in which I have to prevent certain layers from scrolling up when they reach a certain position. I am using jQuery to accomplish that. I have done this across several pages with different layers with no issues.</p>
  
  <p>However,, I came across this odd problem on one of the pages..</p>
  
  <p>When I stop the element from scrolling I lose the window scroll bar.</p>
  
  <p>I use this jQuery code</p>
  
  <pre><code>$(window).scroll(function(){
  
  var scrollTop = $(window).scrollTop();
  
    if (scrollTop &gt; 404){
      $('#sub-header').css('position','fixed')
      $('#sub-header').css('top','66px')
    }
  }); // close window scroll function
  </code></pre>
  
  <p>There are 12 more div elements following the one I am trying to lock and they are set to the height of 400px. I am confused as to why the window doesn't read the content below sub header. Any help is appreciated.</p>