jQuery Mobile：仅滚动列表视图

我正在将Android原生应用程序“翻译”为混合jQuery应用程序，并尝试模仿nativa应用程序默认的一些行为

这是android应用程序及其在我滚动listview时的行为：

正如我滚动时看到的，只有listview被滚动

相反，在混合应用程序中，当我滚动时，页面中的所有内容都会滚动（除了数据位置设置为固定的页眉和页脚）

---

我正在使用Jquery Mobile。它对我有效。以下是代码-

 <div data-role="page" id="page-one">    
    <div id="header" data-role="header" data-position="fixed">
        HEADER
    </div> //end of header div

    <div data-role="content" id="content">
       <ul data-role="listview" class="list-view" data-inset="true">
         <li>List 1</li>
           .
           .
      </ul> 
   </div> //end of content div

   <div id="footer" data-role="footer" data-position="fixed">
      FOOTER
   </div> //end of footer div

</div> //end of page div

And the css for class "list-view",such as-   
.list-view {    
            height: set height for the list.    
            top: set top pixel for the list.    
                 .   
                 .   
            overflow: auto;   
            -webkit-overflow-scrolling:touch;   
           }

标题
//收割台div结束

清单1
.
.

//内容分区结束
页脚
//页脚div结尾
//页尾div
以及类“列表视图”的css，例如-
.list视图{
高度：设置列表的高度。
顶部：设置列表的顶部像素。
.   
.   
溢出：自动；
-webkit溢出滚动：触摸；
}

---

希望它能对您有所帮助。谢谢。

将“可滚动”（中间div）内容放在一个div中，高度为100%

overflow-x:hidden和
溢出-y：滚动--您可能需要使用顶部和底部填充来达到您需要的位置，但是--这不会完成您正在尝试的任务吗？您可以不使用“固定”元素，而使用-->header
div
、middle
div
（可滚动）和footer
div
进行堆叠。我尝试过，效果很好，但问题是，当我到达列表视图底部时，它会不断滚动并隐藏组合框，这样看起来，您有一个外部div和一个内部div，都是可滚动的。。。当内部div完成滚动时，外部div将滚动。尝试将组合框放在标题的底部，或者取消对div的嵌套。这很粗糙，但它说明了我的观点：我这样解决了：我给页面设置了一个类“no scroll”，其中我设置了overflow:hidden，一切都很好。。。多谢各位