2012-07-23 8 views
0

저는 앱을 수직 스크롤 할 수 있기를 원하며 iscroll을 사용하여 그것을 수행하고 싶습니다. 어떻게 사용하는지 잘 모르겠습니다. 앱이 여전히 수직으로 스크롤 할 수없는 것으로 보입니다. 코드 :iScroll을 phonegap과 함께 사용하기

 <head> 
     <script type="text/javascript" src="iscroll.js"></script> 
     <script type="text/javascript"> 
       var myScroll; 
       function loaded() { 
        setTimeout(function() { 
           myScroll = new iScroll('container'); 
           }, 100); 
       } 
       window.addEventListener('load', loaded, false); 
     </script> 
     </head> 
     <body> 
       <div class="container"> 
       <div class = "topcontainer"> 
        <div class = "buttons img1"> </div> 
        <div class = "buttonstext"> 
         Gallery 
        </div> 
       </div> 
       <div class = "middlecontainer"> 
        <div class = "buttons img2"> 
         <a href="gallery.html">Biography</a>  
        </div> 
       </div> 
       <div class = "middlecontainer"> 
        <div class = "buttons img3"> 
         Pictures 
        </div> 
       </div> 
     </body> 

내가 잘못하고있는 부분에 대한 안내가 필요합니다. 다른 일을해야합니까?

답변

1

iScroll은 클래스가 아닌 초기화 될 때 요소로 id을 매개 변수로 사용합니다.

<head> 
    <script type="text/javascript" src="iscroll.js"></script> 
    <script type="text/javascript"> 
      var myScroll; 
      function loaded() { 
       setTimeout(function() { 
          myScroll = new iScroll('container'); 
          }, 100); 
      } 
      window.addEventListener('load', loaded, false); 
    </script> 
    </head> 
    <body> 
      <div id="container"> 
      <div class = "topcontainer"> 
       <div class = "buttons img1"> </div> 
       <div class = "buttonstext"> 
        Gallery 
       </div> 
      </div> 
      <div class = "middlecontainer"> 
       <div class = "buttons img2"> 
        <a href="gallery.html">Biography</a>  
       </div> 
      </div> 
      <div class = "middlecontainer"> 
       <div class = "buttons img3"> 
        Pictures 
       </div> 
      </div> 
      </div> 
    </body> 

더 많은 정보 iScroll 4, iScroll 3documentation 참조 : 그래서, 예를 들어, div.containerdiv#container로 변경합니다. iScroll 4 문서에서 ID를 전달해야한다고 명시 적으로 언급 한 부분을 찾을 수는 없지만 모든 예제 코드에서는이를 지원합니다. 또한이 은 iScroll 3 설명서에 명시된입니다.

또한 예제 코드에는 </div>이 없습니다. 이것은 내 대답에 수정되었습니다.

관련 문제