Css 水平离子涡旋不工作

在我正在制作的项目中，我使用了离子滚动两次，效果非常好（垂直模式），但现在我尝试进行水平滚动，但没有效果，滚动出现，但我无法滚动任何内容

HTML代码很简单：

<ion-scroll direction="x" class="box">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</ion-scroll>

有什么建议吗？我做错了什么？我错过了什么

提前感谢

查看、编辑并将其更改为您的风格

angular.module（'ionicApp'，['ionic']））
.controller（'MainCtrl'，['$scope'，函数（$scope）{
$scope.data={
孤岛加载：false
};
}]);
。根据需要选择宽度{
溢出：滚动；
空白：nowrap；
}
.滚动{
最小宽度：100%；
}
.bar.bar-load{
显示：块；
高度：24px；
/*从正常收割台的正下方开始*/
顶部：44px；
/*使文本垂直和水平居中*/
文本对齐：居中；
填充：0；
线高：24px；
/*过渡段“向下滑动”（检查以下内容）*/
-webkit转换：200毫秒全部；
}
/* 
*使内容的顶部更改具有动画效果。
*可能并不总是好看，但看起来
*添加和删除我们的加载程序时效果良好
*/
.有头{
-webkit转换：200毫秒顶部；
}
.has-header.has-load{
/*44px（收割台）+24px*/
顶部：68px；
}
/*使加载杆向上/向下滑动*/
.bar-load.ng-enter，
.bar-loading.ng-LEFT.ng-LEFT-active{
身高：0；
边框宽度：0px；
}
.bar-loading.ng-enter.ng-enter-active，
.bar-loading.ng-LEFT{
高度：24px；
边框宽度：1px；
}

离子模态
你好
这是一个按钮：1
这是一个按钮：2
这是一个按钮：3
这是一个按钮：4
这是一个按钮：5
这是一个按钮：6
这是一个按钮：7
这是一个按钮：8
这是一个按钮：9
这是一个按钮：10
这是一个按钮：11
这是一个按钮：12
这是一个按钮：13
这是一个按钮：14
这是一个按钮：15
这是一个按钮：16
加载。。。
切换我切换加载！
我也遇到了同样的问题——水平滚动在iOS上运行良好，但在android上却完全不起作用。这似乎是爱奥尼亚的一个缺陷：
我使用的是ionic 1.3.2，但它看起来在2.x中仍然是一个问题

我可以通过向ion scroll元素添加overflow scroll=“false”来修复它
 谢谢，工作很完美，这个问题用空白就解决了：nowrap；不知道为什么，但是。。。nvm。这在浏览器上运行良好，但在设备上不起作用。我使用的是安卓4.1.1版
.box {
    width: 60vw;
    height: 10vh;
    border: 1px solid black;
}

.box > * {
   display: inline-block;
   margin-right: 4vw;
   width: 20vw;
   height: 10vh;
   background: red;
}