Question

这会将所有离子项放在每个旁边，但随后将它们包装到下一行，而不是将它们全部放在一行上，以允许用户水平滚动。结果，没有滚动

我看到以下

[1] [2] [3]
[4] [5] [6]
[7] [8] [9]

当我应该看到的时候：

[1] [2] [3] [4] [5] [6] [7] [8] [9]

//

.horizontal-scroll {
  overflow-x: scroll;
  white-space: nowrap;
  width:1000px;
}
<ion-scroll direction="x" class="horizontal-scroll" scrollbar-x="false">
  <ion-item style="float:left" ng-repeat="otherRides in allRides" href="#/tab/others/{{others.ID}}">
    <img ng-src="{{others.icon}}" style="float:left">
      Time: {{others.time}}
      <br>Est: <span ${{others.price}}
  </ion-item>
</ion-scroll>

Answer 1

该类不能应用于滚动本身，滚动应用于容器，在离子滚动和离子项之间添加DIV就可以了。也添加在Stream<Card>。

我解决了以下问题：

overflow-scroll="false"

离子滚动水平是包装div框而不是向右滚动它们

1 个答案: