Horizontal scroll in ionic 2 : <p>I have been trying to implement horizontal scroll in ionic 2 page. But the content always gets vertically scrolled. </p>

<p>I tried writing my own css by setting 'overflow-x to scroll'. But it didn't work. I also tried ionic's <strong>ion-scroll</strong> component by setting  'scrollX= true'. But the entire content got hidden. i.e it was not visible on the page at all. Below is the sample code i used for ion-scroll. Not sure what exactly i am missing here. </p>

<p>Any guidance on this pls?. (I am new to Ionic 2 and CSS. So sorry if the question is too simple.)</p>

<pre><code>&lt;ion-navbar *navbar primary&gt;
    &lt;ion-title&gt;
        Title
    &lt;/ion-title&gt;
&lt;/ion-navbar&gt;

&lt;ion-content&gt;
    &lt;ion-scroll scrollX="true"&gt;

        &lt;ion-card&gt;
            &lt;ion-card-content&gt;
                content
            &lt;/ion-card-content&gt;
        &lt;/ion-card&gt;
        &lt;ion-card&gt;
            &lt;ion-card-content&gt;
                content
            &lt;/ion-card-content&gt;
        &lt;/ion-card&gt;

    &lt;/ion-scroll&gt;
&lt;/ion-content&gt;
</code></pre>
