2013-05-09 58 views
1

我使用PhoneGap創建iPhone應用程序。我正在嘗試使用iScroll進行縮放功能。但是我在放大div之前無法滾動的問題。一旦我取消縮放div,它會自動滾動回頂部。動態添加圖像的div iScroll

我看了以下兩個線程,我認爲會有所幫助,但兩種解決方案都不適合我的情況。

Thread 1

Thread

我有中添加了一個AJAX調用後圖像的股利。我創建了一個應該可縮放的div包裝器。代碼如下

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

我有一個叫做showHistory()的JS函數,它有一個AJAX調用。成功時使用.append()將圖像添加到historyResponse div。

在閱讀上面提到的兩個線程之後,我嘗試添加諸如myScroll.refresh()之類的東西或者銷燬然後在JS函數showHistory()的末尾重新創建myScroll,但沒有解決我的問題。

有沒有其他的事情我可以嘗試解決這個問題?

在此先感謝!

回答

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(); 
    } 
}); 

我希望至少一個解決方案將幫助你。 :)

+0

我會把這段代碼添加到JS函數裏面嗎? – user1543269 2013-05-09 08:35:00

+0

在你初始化的地方** iScroll ** – 2013-05-09 08:38:31

+0

不幸的是,這些都沒有奏效。不管怎麼說,還是要謝謝你。 – user1543269 2013-05-09 09:02:46