我有一个将移植到 Phonegap 的应用程序,并且我正在使用 iScroll 5 来处理滚动的某些方面。
这个应用程序是用Ratchet的一些 CSS 构建的,但经过了相当大的修改,几乎所有的 Ratchet javascript 都被删除了;还有 jQuery;快速点击.js。
该应用程序是一个单独的 HTML 文件(不是从 Ratchet 使用的),并在主区域内push.js
划分为多个,并随着 CSS3 过渡而变化。到目前为止,在两个地方被使用;同时用两个不同的调用初始化.Pages
Content
iScroll
IScroll("#id")
第一个iScroll
工作正常 - 它只是一组简单的部分,段落在两个固定的页眉/页脚栏元素之间滚动。
第二个包装了整个页面,显示在内部转换中。换句话说,它不是上面描述的页面,而是一个比页面高的全宽元素,位于页眉和另一个按钮组的下方。这可能很重要,也可能不重要,但是当它第一次显示时,我无法做任何事情来让它正确初始化。
由于 js 变量是全局的,我可以看到它,这就是我到目前为止所注意到的:
> myScroll.initiated=0
> myScroll.enabled=true
> myScroll.scrollBy and myScroll.scrollTo both work as expected
> myScroll.refresh() and myScroll.resetPosition called from
js file or from console have no effect whatsoever
我正在使用为开发启用触摸事件的 Chrome,但该行为在我的 iPhone 上被复制。div(仅包含一个简单列表)响应touchmove
事件,因为它们记录在控制台中,但实际上根本没有滚动运动。我相信可能存在与使用过渡定位的多个图层相关的错误,但我不知道下一步该做什么。
任何人都可以提供一些指导,
- 如何解决这个问题
- 或者失败了,最好的地方是调试它,找出为什么什么都没有发生。
谢谢