title: how to disable horizontal scrolling if overflow-x: hidden isnt working
body: <p>Ok so I have this test document trying out sliding animations with the jquery waypoints plugin</p>
  
  <p><a href="http://teamdesigntree.com/test/" rel="nofollow">http://teamdesigntree.com/test/</a></p>
  
  <p>Whats going on is that a mobile user can scroll to the right because the divs are positioned all the way to the right before the animation happens. How can this be fixed? I applied overflow-x: hidden to the body as well as the main wrapper and it didnt seem to help.</p>