title: jquery body css overflow-x not work
body: <p>I want make a screen width judge, when screen width is <code>bigger than 1024px</code>, the body scroll bar will hidden, else when screen width is <code>smaller than 1024px</code> the body scroll bar will show its scroll.</p>
  <p>See code in</p>
  <blockquote>
  <p><a href="http://jsfiddle.net/xmJzU/" rel="nofollow noreferrer">http://jsfiddle.net/xmJzU/</a>   (overflow-x)</p>
  <p><a href="http://jsfiddle.net/xmJzU/1/" rel="nofollow noreferrer">http://jsfiddle.net/xmJzU/1/</a>  (overflowX)</p>
  </blockquote>
  <p>And test in</p>
  <blockquote>
  <p><a href="http://jsfiddle.net/xmJzU/show" rel="nofollow noreferrer">http://jsfiddle.net/xmJzU/show</a></p>
  <p><a href="http://jsfiddle.net/xmJzU/1/show" rel="nofollow noreferrer">http://jsfiddle.net/xmJzU/1/show</a></p>
  </blockquote>
  <p>However when I dragged my browser edge, adjuce screen width smaller than 1024px, there have no scroll bar appear. Thanks.</p>