title: Remove overflow-x and overflow-y using jQuery
body: <p>I want to remove <code>overflow-x</code> and <code>overflow-y</code> using jQuery. I have tried several methods, but they don't seem to work:</p>
  
  <p>Here is my code:</p>
  
  <pre class="lang-css prettyprint-override"><code>body #s4-workspace {
    left: 0;
    overflow-x: auto;
    overflow-y: scroll;
    position: relative;
  }
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="" id="s4-workspace" style="height: 463px; width: 1280px;"&gt;other tags&lt;/div&gt;
  </code></pre>
  
  <p>Here are the methods I've tried:</p>
  
  <p>1)</p>
  
  <pre><code>$('body #s4-workspace').css('overflow-x','');
  $('body #s4-workspace').css('overflow-y','');
  </code></pre>
  
  <p>2)</p>
  
  <pre><code>$('body #s4-workspace').removeProp('overflow-x');
  $('body #s4-workspace').removeProp('overflow-y');
  </code></pre>
  
  <p>If I output the <code>overflow</code> properties after either method, I see no change in their values.<br>
  See my demonstration below:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
    try {
      $('body #s4-workspace').css('overflow-x', '');
      $('body #s4-workspace').css('overflow-y', '');
  
      $('body #s4-workspace').removeProp('overflow-x');
      $('body #s4-workspace').removeProp('overflow-y');
  
      alert($('body #s4-workspace').css('overflow-x'));
    } catch (e) {
      alert(e);
    }
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code> body #s4-workspace {
     left: 0;
     overflow-x: auto;
     overflow-y: scroll;
     position: relative;
   }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div id="s4-workspace" style="height: 463px; width: 1280px;"&gt;other tags&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="http://jsfiddle.net/skhurams/w4fgxtww/" rel="nofollow">View on JSFiddle</a></p>
  
  <p>How can I remove <code>overflow</code> with jQuery?</p>