[英]Scrolling wrapped text in an ion-list
I've been working on a list with scrollable content, but after several tests I found that the scollbar is considering only the image but not the wrapped text for item size. 我一直在处理具有可滚动内容的列表,但是经过几次测试,我发现scollbar仅考虑图像,而不考虑包裹大小的文本。 This causes truncating content at the bottom of the page.
这会导致页面底部的内容被截断。
Here's my code: 这是我的代码:
<ion-content ng-controller="categoriesCtrl" ng-switch on="categories.length > 0" has-bouncing="false">
<ion-refresher on-refresh="updateCategories()">
</ion-refresher>
<div ng-switch-when="true">
<ion-list type="card">
<a class="item item-thumbnail-right item-text-wrap" href="#" ng-repeat="category in categories">
<img ng-src="{{category.photo}}" />
<h2>{{category.name}}</h2>
<p class="item-text-wrap">{{category.description}}</p>
</a>
</ion-list>
</div>
</ion-content>
this is what I got, cannot scroll any further 这就是我得到的,无法再滚动
Solutions? 解决方案?
It appears you're using a combination of the <ion-list>
directive with the list CSS elements. 看来您正在结合使用
<ion-list>
指令和列表CSS元素。 Try using the <ion-list>
with <ion-item>
directive . 尝试将
<ion-list>
与<ion-item>
指令一起使用 。
<ion-list>
<ion-item class="item-text-wrap item-thumbnail-right">
<img ng-src="{{category.photo}}" />
<h2>Name</h2>
<p>{{description}}</p>
</ion-item>
<ion-item class="item-text-wrap item-thumbnail-right">
<img ng-src="{{category.photo}}" />
<h2>Name</h2>
<p>{{description}}</p>
</ion-item>
</ion-list>
Here's the working demo . 这是工作示例 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.