3

JqueryMobile パネルを内側にスクロールさせることは可能ですが、その背後のページは静的なままですか? Facebook のような大きなメニューを作成しようとしていますが、パネル内のコンテンツだけでなく、ページも常にスクロールします。

私は試した：

<style type="text/css">
    #mypanel {
       overflow: scroll !important;
    }
</style>

<div data-role="page" id="page">
    <div class="my-page-big-content">ALL THE CONTENT OF MY PAGE</div>

<div data-role="panel" id="mypanel" data-position="left" data-display="overlay" data-position-fixed="true">
    <div class="panel-header">
        <p>My Panel header<a href="#mypanel" data-rel="close">Close My Panel</a></p>
    </div>
    <div class="panel-content">
        <ul class="my-menu">
          <li><a href=#>Menu item 1</a></li>
          <li><a href=#>Menu item 1</a></li>
          <li><a href=#>Menu item 1</a></li>
          <li><a href=#>Menu item 1</a></li>
          <li><a href=#>Menu item 1</a></li>
        <ul>
    </div>
</div>
</div>
<script>
    $(document).bind('panelopen', function (e, data) {
        $('body').css("overflow", "hidden");
    });

    $(document).bind('panelclose', function (e, data) {
        $('body').css("overflow", "auto");
    });
</script>
4

2 に答える 2

0

気にしないでください、アンドロイドで働いていませんでした、そして私はその理由を見つけました：

https://code.google.com/p/android/issues/detail?id=6864

https://code.google.com/p/android/issues/detail?id=2911

于 2013-07-03T20:41:48.773 に答える