jquery-mobile-iscrollview滚动条位置在phonegap中不正确android

Question

我为我的phonegap android应用程序使用jquerymobile.1.3.1。我加入jquery-mobile-iscrollview

但是在屏幕上滚动条的位置是错误的。 我的HTML代码：

<div data-role="page" data-theme="g" id="mobile_page">  
    <div data-role="header" data-theme="g" data-position="fixed" data-tap-toggle="false"> 
     <img src="images/logo/logowhite.png" class="main_logo"> 
     <h3 class="page_heading">Select The Item</h3> 
     <img src="images/header.png" class="header_right_btn header_home_btn"> 
     <div id="header_form"> 
      <div class="progressbar"> 
       <div class="progress active"></div> 
       <div class="progress active"></div> 
       <div class="progress"></div> 
       <div class="progress"></div> 
       <div class="progress"></div> 
      </div><!-- progressbar end --> 

      <div class="ui-grid-b top_form"> 
       <div class="ui-block-a"> 
        <select data-role="none" class="form_select_top" style="border:none"> 
         <option value="op">Option 1</option> 
        </select>      
       </div> 
       <div class="ui-block-b"> 
        <select data-role="none" class="form_select_top"> 
         <option value="op">Option 1</option> 
        </select>      
       </div> 
       <div class="ui-block-c"> 
        <select data-role="none" class="form_select_top"> 
         <option value="op">Option 1</option> 
        </select>      
       </div> 
      </div>   
     </div> 
    </div><!--header end--> 

    <div data-role="content" data-iscroll="">   

     <ul class="mobile_list_step_two"> 
      <li> 
       <div class="_imag"></div> 
       <div class="_company"></div> 
       <h2 class="name_header"></h2> 
       <h3 class="name_sube_header"></h3> 
       <h3 class="name_sube_header"></h3> 
       <h1 class="_price"></h1> 
       <div class="collapsible_step_two"> 
        <div class="collapse_content_step_two"> 
         <div class="ui-grid-a"> 
          <div class="ui-block-a"> 
           <button data-role="none" class="collapsecontent_btn">Whats Included ?</button> 
          </div> 
          <div class="ui-block-b" style="text-align:right;"> 
           <button data-role="none" class="collapsecontent_btn">Information</button> 
          </div>     
         </div> 
        </div> 
         <button data-role="none" class="collapse_btn_step_two"><img src="images/collapseopen.png" id="collapse_icon"></button> 
       </div>      
      </li>    
     </ul> 

    </div><!--content end-->  
    <div data-role="footer" class="footer_style" data-position="fixed" data-tap-toggle="false"> 
     <div data-role="navbar" class="footer_style" data-grid="c"> 
     <ul> 
      <li><a href="#" id="id_1" data-icon="custom"></a></li> 
      <li><a href="#" id="id_2" data-icon="custom"></a></li> 
      <li><a href="#" id="id_3" data-icon="custom"></a></li> 
      <li><a href="#" id="id_4" data-icon="custom"></a></li> 
     </ul> 
     </div> 
    </div> 
</div><!--Page End--> 

Answer 1

更新您当前的JQM和iScroll版本的版本.. 但我不知道。 :-) 可能你在当前的Js文件中做了一些改变。在Acutal的情况下，它不会幸福！ 因此，请将jQM设置设置为默认设置（将当前的jQM更换为默认的jQM js）