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