title: How can I disable or hide the scrollbar within an Ionic 2 <ion-content>
body: <p>I have an Angular 2 app wrapped in Ionic 2. I'm using <code>&lt;ion-tabs&gt;</code>, and within each tab is an <code>&lt;ion-content&gt;</code>. The content in this area needs to be scrollable, but Ionic 2 adds a scrollbar that I don't want displayed. It appears that, when compiled, an <code>&lt;ion-content&gt;</code> has a <code>&lt;scroll-content&gt;</code> injected into it. I don't want this behavior. </p>
  
  <p>I have tried many of the solutions that <em>used to</em> work in Ionic 1, but they do not work in Ionic 2:</p>
  
  <ul>
  <li>Setting <code>scroll="false"</code> on the <code>&lt;ion-content&gt;</code></li>
  <li>Setting <code>scrollbar-y="false"</code> on the <code>&lt;ion-content&gt;</code></li>
  <li>Setting <code>overflow-scroll="false"</code> on the <code>&lt;ion-content&gt;</code></li>
  <li><p>Setting the following in css:</p>
  
  <p><code>.scroll-bar-indicator
  {
      display: none;
  }</code></p></li>
  </ul>
  
  <p>etc...</p>
  
  <p>Setting the following actually does work to remove the scrollbar, but I'd rather not hijack the browser behavior, and also it removes scrollbars from content internal to the <code>&lt;ion-content&gt;</code> tag, which I don't want. </p>
  
  <pre><code>::-webkit-scrollbar,
  *::-webkit-scrollbar {
    display: none;
  }
  </code></pre>