title: Hide scrollbar for one element but not others (on click/event)
body: <p>I'm building an interface where there is a slide-out editor on the right side of the screen. It is possible that the content on both the page AND in the editor requires scrolling, in which case, there is an unsightly double scroll bar.</p>
  
  <p>What I'm trying to do is set the visibility of the PAGE scroll bar to hidden when the editor is invoked, but keep the visibility for the scroll bar in the editor.</p>
  
  <p><strong>Important Note:</strong> When the editor is open, I still want the page content to be scrollable underneath...so <code>overflow:hidden</code> on the page is not an option.</p>
  
  <p>Relevant code below. <a href="http://jsfiddle.net/TGX5D/1/" rel="nofollow"><strong>Here's a Fiddle.</strong></a></p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;button&gt;Open Editor&lt;/button&gt;
  &lt;div class="editor"&gt;Editor line 1
      &lt;br/&gt;Editor line 2
      ...
  &lt;/div&gt;
  &lt;div class="content"&gt;This is line 1 
      &lt;br/&gt;This is line 2
      ...
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>::-webkit-scrollbar {
      width: 14px;
      height: 18px;
  }
  ::-webkit-scrollbar-thumb {
      height: 6px;
      border: 4px solid rgba(0, 0, 0, 0);
      background-clip: padding-box;
      -webkit-border-radius: 7px;
      background-color: rgba(0, 0, 0, 0.15);
      -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
  }
  ::-webkit-scrollbar-button {
      width: 0;
      height: 0;
      display: none;
  }
  ::-webkit-scrollbar-corner {
      background-color: transparent;
  }
  .noScroll::-webkit-scrollbar-track {
      visibility:hidden;
  }
  </code></pre>
  
  <p><strong>jQuery:</strong></p>
  
  <pre><code>$(function () {
      $("button").click(function () {
          $(".content").toggleClass("noScroll");
          $(".editor").toggle("slide", {
              direction: "right"
          }, 500);
      });
  });
  </code></pre>
  
  <p>Any help is appreciated! Thanks!</p>