Jquery mobile 在jQuery mobile 1.4.0中，弹出窗口内的列表视图在移动设备上不滚动

我有一个包含列表视图的弹出窗口，问题是当我在android移动设备上测试它时，我无法在弹出窗口中滚动列表来显示剩余的列表元素，但它在JSFIDLE上工作得非常好。如何解决此问题并使列表在移动设备上滚动？请帮帮我

<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>

主页
国家

国家
国家
国家
国家
国家
国家
国家
国家
国家
国家
国家
国家
国家
国家
国家
国家
国家
国家

它在iPhone 5-safari上运行良好。这可能是安卓系统的问题。@OmarIt并不是只在安卓版本为2.3.6的三星galaxy Y上工作，你知道它为什么不能在这个设备上工作吗？我该如何解决这个问题？有没有代码、增强滚动的方法、jquerymobile中的触摸？Android有

overflow:scroll的问题您可能需要使用类似iscroll或iscrolview的插件。@OmarThanks我会尝试，我希望这能解决问题。