Question

我正在使用PhoneGap来创建iPhone应用程序。我正在尝试使用iScroll进行缩放功能。但我有一个问题，我不能滚动，直到我放大div。一旦我取消缩放div，它就会自动滚动回到顶部。

我已经看过以下两个线程，我认为这会有所帮助，但这两个解决方案都不适用于我的情况。

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

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

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

在阅读了上面提到的两个主题之后，我尝试添加诸如myScroll.refresh（）之类的内容，或者在JS函数showHistory（）结束时销毁然后重新创建myScroll，但没有解决我的问题。

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

提前致谢！

Answer 1

尝试传递此选项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(); 
   } 
});

我希望至少有一种解决方案可以帮到你。：）

iScroll on div，动态添加图像

1 个答案: