title: Using horizontal scroll cards in mobile using ionic
body: <p>I am just starting with ionic. I am trying to use the Ionic Horizontal Scroll Cards. It looks like this, codepen: <a href="http://codepen.io/drewrygh/pen/jEJGLx" rel="nofollow">http://codepen.io/drewrygh/pen/jEJGLx</a></p>
  
  <p>Now when i am using it in a template which has this structure:</p>
  
  <pre><code>&lt;ion-view title="Videos"&gt;
      &lt;ion-content&gt;
              &lt;hscroller&gt;
                  &lt;hcard ng-repeat="item in items" index="{{$index}}" desc="{{item.desc}}" image="{{item.image}}"&gt;&lt;/hcard&gt;
              &lt;/hscroller&gt;
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>But the scroll doesn't work on mobile, while searching i found that the hscroller element should be placed inside an ion-pane. But when i do that the list appears for a micro second and then disappears. I can't figure out why.
  code pen: <a href="http://codepen.io/anon/pen/RWRzPj" rel="nofollow">http://codepen.io/anon/pen/RWRzPj</a>
  Here i have just added <code>&lt;ion-content&gt; and &lt;ion-pane&gt;</code> tags around hscroller.</p>