1

我正在使用 PhoneGap 创建一个 iPhone 应用程序。我正在尝试将 iScroll 用于缩放功能。但是我遇到了一个问题，在我放大 div 之前我无法滚动。一旦我取消缩放 div，它就会自动滚动回顶部。

我查看了以下两个我认为会有所帮助的线程，但两种解决方案都不适合我的情况。

线程 1

线

我有一个在 AJAX 调用后添加了图像的 div。我围绕它创建了一个 div 包装器，它应该是可缩放的。代码如下

<div id = 'zoom-wrapper'>
    <div id="historyResponse"></div>
</div>

我有一个名为 showHistory() 的 JS 函数，它有一个 AJAX 调用。成功时，使用 .append() 将图像添加到 historyResponse div。

在阅读了上面提到的两个线程后，我尝试在 JS 函数 showHistory() 的末尾添加 myScroll.refresh() 或销毁然后重新创建 myScroll 之类的内容，但没有解决我的问题。

我可以尝试解决这个问题吗？

提前致谢！

4

1 回答 1

0

尝试通过此选项checkDOMChanges:true。它曾经帮助我在myScroll.refresh()失败时解决类似的问题。

像这样的东西

if('undefined' !== typeof myScroll){
   myScroll.destroy();
}

myScroll = new iScroll('<YOUR_ELEMENT_ID>', { checkDOMChanges:true });

如果你仍然遇到问题，那么试试这个

if('undefined' !== typeof myScroll){
   myScroll.destroy();
}

myScroll = new iScroll('<YOUR_ELEMENT_ID>', { 
   checkDOMChanges:true, 
   onBeforeScrollStart : function(e){ 
      myScroll.refresh(); 
   } 
});

我希望至少有一种解决方案可以帮助您。:)

于 2013-05-09T07:31:23.010 回答