동적으로 추가 된 이미지가있는 div에 iScroll

Question

iPhone 애플리케이션을 만들 때 PhoneGap을 사용하고 있습니다. 확대 기능을 위해 iScroll을 사용하려고합니다. 하지만 div에 확대 할 때까지 스크롤 할 수없는 곳에 문제가 있습니다. div의 줌을 해제하면 자동으로 맨 위로 스크롤됩니다.

나는 도움이 될만한 두 가지 스레드를 보았지만 두 가지 해결책 중 어느 것도 내 상황에 맞지 않았습니다.

Thread

Thread 1가 나는 AJAX 호출 이후에 추가 된 이미지가 사업부가 있습니다. 확대 할 수있는 div 래퍼를 만들었습니다. 이 코드는 I는 AJAX 호출을 갖는다 (showHistory JS라고하는 함수)가

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

을로 이어진다. 성공한 이미지는 .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(); 
    } 
}); 

나는 적어도 하나 개의 솔루션은 당신을 도울 것입니다 희망을 시도합니다. :)