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
(可选)
字符串

该句柄用于标识带有$ionicScrollDelegate的滚动视图。

padding
(可选)
布尔值

是否在内容上添加内填充。在iOS上默认为true,在Android上为false。

scroll
(可选)
布尔值

是否允许内容滚动。默认为true。

overflow-scroll
(可选)
布尔值

是否用溢出滚动代替Ionic滚动。

has-bouncing
(可选)
布尔值

是否允许内容滚动反弹到边缘。iOS上默认为true,Android上默认为false。

on-scroll
(可选)
表达式

当内容滚动时表现的评估。

on-scroll-complete
(可选)
表达式

一个滚动动作完成时表现的评估。