Ionic(ionicframework)一款接近原生的Html5移动App开发框架 创建精彩的应用 从这里开始 -ion-content
漂亮的界面 追求性能 专注原生 免费开源
ion-content
授权: $ionicScrollDelegate
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
(可选)
|
字符串
|
该句柄用于标识带有 |
padding
(可选)
|
布尔值
|
是否在内容上添加内填充。在iOS上默认为true,在Android上为false。 |
scroll
(可选)
|
布尔值
|
是否允许内容滚动。默认为true。 |
overflow-scroll
(可选)
|
布尔值
|
是否用溢出滚动代替Ionic滚动。 |
has-bouncing
(可选)
|
布尔值
|
是否允许内容滚动反弹到边缘。iOS上默认为true,Android上默认为false。 |
on-scroll
(可选)
|
表达式
|
当内容滚动时表现的评估。 |
on-scroll-complete
(可选)
|
表达式
|
一个滚动动作完成时表现的评估。 |