title: changing body.style.overflowY or X programmatically
body: <p>I'm trying to change the body <code>overflowY</code> to <code>"hidden"</code> through a JavaScript function. I've tried both of the following:</p>
  
  <pre><code>document.body.style['overflow-y'] = 'hidden';
  document.body.style.overflowY = "hidden";
  </code></pre>
  
  <p>In both cases it didn't work. However in both cases using just <code>overflow</code> without X or Y works fine!</p>
  
  <p>Is there a way to change only the <code>overflowY</code> or <code>overflowX</code> properties?</p>