升级到iScroll5后,iScroll on ios不起作用

Question

我有一个用于ipad的cordova应用程序,它使用iScroll在页面之间滚动.
一切正常,直到我升级到iScroll5.我改变了我的代码,使用新的构造函数和参数,但它仍然无效.它根本不滚动.
我不知道我是否遗漏了一些明显的东西,但我找不到有关升级的详尽文档.

这是我之前使用它的一个例子(iScroll4):

var options = {hScroll:false, hScrollbar:false, snap:true, onScrollEnd: updatePages(), momentum: false};
var scroller = new iScroll("wrapper", options);  

这就是我现在使用它的方式(iScroll5):

var options = {scrollX: false, snap: true, momentum: false};  
var scroller = new IScroll("#wrapper", options);  
scroller.on("scrollEnd", updatePages());

任何帮助是极大的赞赏!谢谢!

Answer 1

因此，首先，在“scrollEnd”事件中，updatePages()您不是将函数作为参数传递，而是调用它。所以它只会运行一次，当页面加载时而不是在scrollEnd上。你应该将其更改为：

scroller.on("scrollEnd", updatePages);

如果仅此不能解决您的问题，那么您应该检查您的 CSS。

来自 iscroll.js 文档：

[...]请记住，脚本需要知道滚动区域的高度/宽度。

这意味着：

• 如果您的#wrapper元素是相对或静态定位的，那么您应该使用一些相对单位明确定义高度（% 不起作用）。

• 如果您的#wrapper元素是绝对定位或固定定位，那么您应该应用上面的规则，或者可以使用topandbottom代替（两者都必须指定）。

如果它仍然不起作用，那么请确保您的 IScroll 对象在 DOM 准备好后启动，但考虑到它之前对您有用，这不是问题。