1

I have the following popup which contains a list view , the problem is that when i have tested it on an android mobile device i cant scroll the list inside the popup to show the remaining list elements , but it works perfect on the jsfiddle here . how can i solve this problem and make the list scroll on the mobile devices ? please help me ..

<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>
user
  • 621
  • 15
  • 46
  • 1
    it works fine on iPhone 5 - safari. http://jsfiddle.net/Palestinian/tkw7w/ It could be an Android problem. – Omar Jan 14 '14 at 21:53
  • @OmarIt didnt work only on Samsung galaxy Y with android version 2.3.6 only, Do you have an idea why its didn't work on this device ? How can i solve this problem? – user Jan 15 '14 at 04:16
  • is there any code , way to enhance the scroll , touch in jQuery mobile? – user Jan 15 '14 at 06:08
  • Android has problem with `overflow: scroll;` you may need to use a plugin like iscroll or iscrolview. – Omar Jan 15 '14 at 08:55
  • @OmarThanks I will try , and i hope this will fix the problem. – user Jan 15 '14 at 10:01
  • Old post, but I just landed here and solved my issue with the forum still loaded... So I figured I'd comment in case someone else lands here. On android at least - the scrollbar doesn't work if you click directly on the scrollbar itself... hold left-click and drag the list to make it scroll (like a finger-swipe on device). Tested in emulator and live. – Aaron Jul 13 '16 at 13:44

0 Answers0