title: The same old issue, .scrollTop(0) not working in Chrome & Safari
body: <p>First, let me point out, i've googled and even looked at answers on here like <a href="https://stackoverflow.com/questions/1830080/jquery-scrolltop-doesnt-seem-to-work-in-safari-or-chrome-windows">this</a> and <a href="https://stackoverflow.com/questions/3042651/jquery-scrolltop-not-working-in-chrome-but-working-in-firefox">this</a>, however, I'm still yet to find a working solution for my case.</p>
  
  <p>I've designed a page that has several fixed elements covering the page and makes of html5/css3 to create a clean "mask" over the main document, thus allowing the body scroll bar to still scroll the underlying content.</p>
  
  <p>In firefox and ie (bleh), scrollTop(0) is working perfect.  However, as stated by the question, not so much in my fav browsers.</p>
  
  <p>Something I've made note of is to call the following both before the scrollTo event and after </p>
  
  <pre><code>$("body,html,document").each(function(){ console.log($(this).scrollTop()); });
  </code></pre>
  
  <p>The results were not pleasing, it tells me that the scrolltop is already 0 and thus is not even attempting a scrollTop, or at least that's what I "think" thus far.</p>
  
  <p>And before you ask, i made that console call on each of those 3 items as the document scrolltop should be covered within one of those items (i would think body, but like in ie you have to call html too)</p>
  
  <p>Any takers on ideas?</p>
  
  <p>FYI, it may be a css oddity (tho how it works in IE and not chrome i really cant understand) but I have already tried the following with <strong>negative</strong> results:</p>
  
  <pre><code>$(window).scrollTop(0);
  $(document).scrollTop(0);
  $("html").scrollTop(0);
  $("body").scrollTop(0);
  window.scroll(0,0);
  $("body,html,document").scrollTop(0);
  $("body,html").scrollTop(0);
  </code></pre>
  
  <p>Which I suppose extends my question, is this a css issue?
  I dont have an outside link and the code is too long (made with CI view Partials) to post all of it, but to CLARIFY what i've done:</p>
  
  <ul>
  <li>Fixed header, footer, and sidebar leaving content to scroll with documet scrollbar</li>
  <li>very little javascript or jquery implemented thus far, almost 0 custom css outside of fixing position of presaid elements</li>
  <li>the "content" is ajax'd in using jQuery's .load function based on list items clicked in sidebar navigator</li>
  </ul>
  
  <blockquote>
    <p>temp Fiddle
    no longer up</p>
  </blockquote>