Css Jquery移动面板滚动内部问题

是否可以使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>

#我的小组{
溢出：滚动！重要；
}
我页面的所有内容
我的面板标题








$（文档）.bind（'panelopen'，函数（e，数据）{
$（'body'）.css（“溢出”、“隐藏”）；
});
$（文档）.bind（'panelclose'，函数（e，数据）{
$（'body'）.css（“溢出”、“自动”）；
});

没关系，我没有在安卓系统中工作，我找到了原因：

---

您可以在css文件中设置ui面板内部类，并将其放在页面的JQM css之后

.ui-panel-inner {
   position: absolute;
   top: 1px;
   left: 0;
   right: 0;
   bottom: 0px;
   overflow: scroll;
   -webkit-overflow-scrolling: touch;
}

此外，还有一个很好的报价：