ion-content
ionContent指令提供一个易用的内容区域,该区域可以用Ionic的自定义滚动视图进行配置,或浏览器内置的溢出滚动。
在大多数情况下,我们建议使用Ionic的定制滚动功能,有时(出于性能原因)仅用浏览器原生的溢出滚动就足够了,因此我可以轻松地在设置了Ionic滚动和溢出滚动间切换。
你可以用ionRefresher
指令实现拉动刷新,并可以用ionInfiniteScroll
指令实现无限滚动。
用法
<ion-content
[delegate-handle=""]
[padding=""]
[scroll=""]
[overflow-scroll=""]
[has-bouncing=""]
[on-scroll=""]
[on-scroll-complete=""]>
...
</ion-content>
API
属性 | 类型 | 详情 |
---|---|---|
delegate-handle(可选) | 字符串 |
该句柄用于标识带有$ionicScrollDelegate 的滚动视图。 |
padding(可选) | 布尔值 |
是否在内容上添加内填充。在iOS上默认为true,在Android上为false。 |
scroll(可选) | 布尔值 |
是否允许内容滚动。默认为true。 |
overflow-scroll(可选) | 布尔值 |
是否用溢出滚动代替Ionic滚动。 |
has-bouncing(可选) | 布尔值 |
是否允许内容滚动反弹到边缘。iOS上默认为true,Android上默认为false。 |
on-scroll(可选) | 表达式 |
当内容滚动时表现的评估。 |
on-scroll-complete(可选) | 表达式 |
一个滚动动作完成时表现的评估。 |