android - Jquery Mobile Listview 在 android 2.2.2 中不可滚动

Question

我有一个 Jquery Mobile 对话框，如下所示:

   <div data-role="dialog" id="styles" data-theme="a">       
        <div data-role="header" class="header">       
            <h1>Styles</h1>         
        </div>
        <!-- /header --> 

        <div data-role="content" data-scroll="true" data-theme="a">   
            <div class="scroll">                         
                <ul data-role="listview" id="mylist">                            
                </ul>                                         
            </div>               
        </div>
        <!-- /content --> 

        <div data-role="footer" class="footermodal">               
            <h1>↕ Please Scroll ↕</h1>             
        </div>
        <!-- /footer -->    

    </div>

ul 内容需要可滚动。在ios中是。同样在 Android 4+ 中是。但在 Android 2.2.2 中内容不会滚动。我尝试添加:

data-scroll="true"

不起作用。它没有任何样式，除了此时此刻的高度，当然还有 jquery 移动“主题”，但我已经删除了它，但它仍然不滚动:

  .scroll{
    height:320px;
    overflow: scroll;

    }

我不明白为什么它在 Android 2.2.2 中不滚动。有谁知道这个问题，有解决方案或任何帮助吗？这让我疯狂。 :/

Answer 1

看看http://chris-barr.com/index.php/entry/scrolling_a_overflowauto_element_on_a_touch_screen_device/