Iphone 使用动态添加的图像在div上进行iScroll

Iphone 使用动态添加的图像在div上进行iScroll,iphone,cordova,iscroll,Iphone,Cordova,Iscroll,我正在使用PhoneGap创建一个iPhone应用程序。我正在尝试使用iScroll实现缩放功能。但是我遇到了一个问题,在我放大div之前无法滚动。一旦我取消缩放div,它就会自动滚动回顶部 我已经研究了以下两个线程,我认为这两个线程会有所帮助,但这两个解决方案都不适合我的情况 我有一个div,在一个AJAX调用之后添加了图像。我在它周围创建了一个可以缩放的div包装器。代码如下所示 <div id = 'zoom-wrapper'> <div id="histor

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

我已经研究了以下两个线程,我认为这两个线程会有所帮助,但这两个解决方案都不适合我的情况

我有一个div,在一个AJAX调用之后添加了图像。我在它周围创建了一个可以缩放的div包装器。代码如下所示

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

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

在阅读了上面提到的两个线程之后,我尝试添加一些东西,比如myScroll.refresh(),或者在JS函数showHistory()的末尾销毁并重新创建myScroll,但是没有解决我的问题

我还有其他办法可以解决这个问题吗


提前谢谢

尝试传递此选项
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(); 
   } 
});
if('undefined'!==typeof myScroll){
myScroll.destroy();
}
myScroll=newiscroll(“”,{checkDOMChanges:true});
如果您仍然面临问题,请尝试此操作

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(); 
   } 
});
if('undefined'!==typeof myScroll){
myScroll.destroy();
}
myScroll=new iScroll(“”,{
checkDOMChanges:true,
OnBeforeCollStart:函数(e){
myScroll.refresh();
} 
});

我希望至少有一种解决方案能对您有所帮助。:)

我会把这段代码放在添加图像的JS函数中吗?在初始化iScroll的地方