当内容短于窗口大小时,将禁用iScroll

时间:2014-11-18 11:55:40

标签: jquery-mobile cordova jquery-plugins pull-to-refresh iscroll4

我正在使用 iscroll-probe.js 来实现 Phonegap 应用程序中的pull-to-refresh和无限负载,使用此{{3}中给出的示例}。

我正在动态加载内容,因此在添加列表项后刷新iscroll。 除了列表项的总高度小于屏幕高度的情况外,一切都适合我。

这是不需要滚动条因此被禁用但它也会禁用 pull-to-refresh 。我想这就是当我调用refresh方法时,当滚动器被禁用时iscroll是如何工作的。

当内容高度小于屏幕高度时,是否有人知道如何使 pull-to-refresh 工作。

1 个答案:

答案 0 :(得分:0)

对于任何有兴趣的人,我通过设置#scroller元素的最小高度来解决这个问题。

我是使用jquery做的(我不确定是否可以通过仅使用css来完成)。

$('#scroller').css('min-height',($(window).height()+1)+'px');

即:#scroller元素min-height设置为窗口高度+ 1px。 这样滚动器始终处于启用状态。

请注意,必须在实例化iScroll元素之前执行此指令