iScroll在转换中没有对div内部做出任何响应

时间:2013-11-09 20:13:34

标签: javascript css3 iscroll

我有一个应用程序,我将移植到Phonegap,我使用iScroll 5来处理滚动的某些方面。

这个应用程序是使用Ratchet的一些CSS构建的,但是经过了相当修改,几乎所有的Ratchet javascript都被删除了;也是jQuery; FastClick.js。

该应用是一个HTML文件(不使用来自Ratchet的push.js),并分为Pages区域内的Content区域,并随CSS3过渡而变化。到目前为止,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事件,因为它们已记录在控制台中,但根本没有滚动运动。我相信可能存在与多个图层定位过渡相关的错误,但我不知道下一步该做什么。

任何人都可以提供一些指导,

  1. 如何解决此问题
  2. 或者失败了,有什么最适合调试这个,并找出为什么没有发生。
  3. 由于

0 个答案:

没有答案