Question

在Android的phonegap应用程序中，我有一个包含listview的弹出窗口。这是我的jsfiddle：http://jsfiddle.net/de2Lf/3/。问题是滚动没有出现在模拟器上，并且标题中的后退按钮无法正常工作。

为什么滚动不起作用？我的代码出了什么问题？请帮我。

<div data-role="page" >
    <div data-role="header" data-theme="b">
       Main Page
    </div>
    <div data-role="content"  >
    <a href="#mypop" data-rel="popup"  id="Btn1"  data-role="button" data-inline="true" >Show    POPUP </a>
    </div>



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

         <div data-role="header" data-theme="b" >

     <a href=""   id="ClosePOPUP"  data-role="button"  data-icon="custom-close-icon" data-iconpos="notext"  class="ui-btn-right" ></a>
         <div style="text-align:center;float:center;padding-top:11px;" ><font  size="6px" color="white">pop</font></div>
      </div>

      <div  id="scrollDiv" class="content"  data-role="content"  style="background-color:   white;overflow-y:scroll; ">
             <ul data-role="listview" style="margin: 0 !important;">
                 <li>element</li>
                 <li>element</li>
                  <li>element</li>
                  <li>element</li>
                  <li>element</li>
                  <li>element</li>
                  <li>element</li>
                  <li>element</li>
                  <li>element</li>
                  <li>element</li>
                  <li>element</li>
                  <li>element</li>
                  <li>element</li>
                  <li>element</li>
                  <li>element</li>
                  </ul>
                  </div>
                </div>
           </div>

java脚本

      $(document.body).on('click','#ClosePOPUP', function(){ 

        $('#mypop').popup('close');

   });

Answer 1

这应该是你的伎俩

android:fadeScrollbars="false"

或者另一种选择是更新您的CSS以使列表视图具有高度 height: 90%或max-height和overflow-y: scroll

在jQuery mobile的弹出窗口中滚动List视图？

1 个答案: