我在可滚动离子内容内创建了几个水平滚动列表,如下所示:
的HTML
<ion-content>
<div class="reps" ng-repeat="item in data">
<div>{{item.title}}</div>
<div class="images-list">
<ion-scroll direction="x">
<div class="image"
ng-repeat="img in item.images">
<img ng-src="{{img}}">
</div>
</ion-scroll>
</div>
</div>
</ion-content>
SCSS
.images-list{
max-height: 120px;
overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
-ms-overflow-scrolling: touch;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
.image{
display: inline-block;
height: 120px;
padding: 0 1px;
img{
width: auto;
height: inherit;
}
}
}
这显示得很好,并且每个子列表都在水平滚动。
问题是,当我尝试滚动列表(离子含量的垂直滚动)时,它只能滚动到子列表的外部,而不能滚动到子列表的内容。
有什么帮助我如何实现从屏幕的任何区域滚动?
经过一些搜索,我发现这是一个与ionicframework有关的错误。根据这个问题的对话https://github.com/driftyco/ionic/issues/2501,该错误已修复,将在ionic的下一个更新中提供。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句