iScroll은 프리젠 테이션으로 돌아가서 포토 그룹으로 돌아간 후에 만 ​​작동합니다.

Question

Twitter bootstrap 3 사이트가 있으며 Android 2.3 브라우저를 제외하고 잘 작동합니다.
내 고정 된 navbar에서 나는 div (축소 형)를 열고 링크 목록이 나타나는 버튼이 있습니다. 그러나 Android 2.3에서는 목록이 열렸지 만 모든 목록은 표시되지 않으며 그 중 절반 만 표시됩니다. 스크롤 막대가 나타나지 않고 메뉴를 터치해도 응답하지 않습니다.

그래서 약간의 연구 끝에 나는 iScroll 5을 사용하기 시작했습니다. 그러나 페이지가로드 될 때 스크롤은 작동하지 않습니다. iScroll은 장치를 가로로 뒤집은 다음 다시 세로로 가져올 때 작동합니다.

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> 

나는이 같은 제한 시간을 추가 :

<script type="text/javascript" src="/scripts/iscroll.js"></script> 
<div class="my_polyfill"> 
    <ul> 
     <li>...</li> 
     <li>...</li> 
     ... 
    </ul> 
</div> 

나는 뷰포트 추가

$(window).load(function() { 
    setTimeout(function() { var myScroll = new IScroll('.my_polyfill'); }, 4000); 
} 

을하지만 세로 - 가로 - 세로 플립을 할 때 여전히 iScroll 작동합니다. 이 문제를 어떻게 해결할 수 있습니까? 또는 문제를 디버그하십시오.

Answer 1

페이지가 렌더링되면 myScroll.refresh()를 추가하십시오.