1

リストビューを含む次のポップアップがあります。問題は、Androidモバイルデバイスでテストしたときに、ポップアップ内のリストをスクロールして残りのリスト要素を表示できないことですが、ここのjsfiddleで完璧に動作し ます. この問題を解決して、モバイル デバイスでリストをスクロールするにはどうすればよいですか? 私を助けてください ..

<div data-role="page" >
<div data-role="header"  data-theme="b">
   Main Page
 </div>
 <div data-role="content">


 <a href="" data-rel="popup"  id="Btn1"  class="ui-btn  ui-corner-all"  data-inline="true" >Show Popup</a>

 </div>


 <div data-role="popup"  id="MyPOPUP" data-position-to="window"  data-corners="false"  data-overlay-theme="a"  data-dismissible="false"  >


 <div data-role="header"  data-theme="a"   >
<div  class="ui-btn ui-input-btn ui-btn-left ui-nodisc-icon" style="background-color:transparent!important;border:none;padding-top:0;padding-left:0;" >
    <input   type="button" id="ClosePOPUP" data-icon="delete" data-iconpos="notext" data-corners="false" /></div>
    <div style="text-align:center;float:center;padding-top:11px;" ><font  size="6px" color="white"  >Countries</font></div>
</div>

<div  id="scrollContent" class="content"  data-role="content"  style="background-color: white;">
    <ul data-role="listview" id="countriesist"   style="margin: 0 !important;" >

     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
     <li>Country</li>
   </ul>
  </div>


</div>
</div>
4

0 に答える 0