Horizontal scroll in chrome doesn't work


#1

Hi, i’m trying to implement an horizontal scroll in my app.
This is my code:

<ion-view title="'Resultaten'" left-buttons="leftButtons">
<ion-content has-header="true" padding="true" scroll="true">
    <ion-list>
        <ion-item>
            <ion-scroll direction="x">
                <div class="row">
                    <div class="col-50">Omschrijving</div>
                    <div class="col-20" ng-repeat="item in items">{{item.date}}</div>
                </div>
            </ion-scroll>
        </ion-item>
    </ion-list>
</ion-content>

But this doesn’t work in (the new) chrome (33.0.1750), it works fine in firefox.


#2

No-one ? Can’t figure out how to make it work.


#3

I guess no body could help you if you don’t setup any codepens.


#4

Any luck with this? I’m having the same problem.

See also this post if you’re using chrome List doesn’t scroll horizntally

How do you handle telling it the max-height, also? I’m hard coding it for now but would like to use the max height of one of my horizontal “cards”…


#5

Try the example in this post : Horizontal button bar scroller


#6

Just wanted to check back in and confirm that this is now working great for me.