How can I disable or hide the scrollbar within an Ionic 2 <ion-content> : <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>
