title: jQuery scrollLeft not working
body: <p>I just launched <a href="http://elliewauters.com" rel="nofollow">http://elliewauters.com</a> &amp; have a little problem that I'd like to fix, the site uses a lot of animated horizontal scrolling to go from one 'page' to the next, but on refresh most browsers remember the scroll position &amp; go back to where I was before, I do not want this. Try going to the 'About' page &amp; then refreshing. You'll see that the logo &amp; menu are in the middle of the page as they where when you arrived at the site for the first time.</p>
  
  <p><strong>I would like help with either of two things:</strong></p>
  
  <ol>
  <li>To reset the scroll position back to 0,0 on page refresh OR</li>
  <li>To move the logo &amp; menu to the top if the scrollLeft value is greater than 1.</li>
  </ol>
  
  <p>I have tried using <code>$(window).scrollLeft(0);</code> to no avail &amp; </p>
  
  <pre><code>scrollLeft = $(window).scrollLeft();
  console.log(scrollLeft)
  if (scrollLeft&gt;1) {
      $('#header').addClass('notLeft').css('top','0%');
  } else {
      $('#header').addClass('left').css('top','25%');
  }
  </code></pre>
  
  <p>does not work, does anyone please have an idea of how I could achieve what I want?</p>
  
  <p>Thanks in advance</p>