自定义温泉页面滚动(拉动刷新)

时间:2014-08-27 15:04:37

标签: ios cordova iscroll onsen-ui

我有一个ons-page元素,我想自定义滚动。我想做一些事情,但大多数时候我想了解发生了什么。

默认情况下,该网页包含-webkit-overflow-scrolling: touch。出于以下两个原因,这是不可取的:

  • "背后"溢出期间显示的页面只是纯白色
  • 我没有钩子对滚动动作采取行动。我想添加pull to refresh mechanics。

我尝试过使用iScroll,但我看到的行为是,如果我将可滚动元素声明为页面内部,则会将完整元素高度计算为可见高度。如果我将可滚动元素声明为页面,我可以移动页面,但不能移动页面中的内容。

我猜其中一些与"using native scrolling where it can"有关,但我真的不明白这是如何实现的,所以我不太确定。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

Onsen UI默认不支持pull-to刷新。

使用这个库怎么样?

https://github.com/mgcrea/angular-pull-to-refresh

这是angularJS的图书馆。

P.S

现在Onsen UI支持pull-to-refresh。 http://onsen.io/reference/ons-pull-hook.html