这就是我目前正在做的事情：http: //i.imgur.com/QyGiM.png
基本上，它是一个使用 jQuery 和一些 AJAX 访问 Web 服务的列表，该服务访问数据库并根据用户在上一个菜单中的选择拉出相应的狗。
这是针对移动应用程序的，我希望能够向上/向下滚动列表，同时将页眉/页脚保持在各自的位置。
以下是相关代码：
列表 ：
<div ID="dogs" style="text-align:center;width:100%;overflow:auto ">
页脚：
<div data-role="footer" id="footer" class="footer" style="background: url('images/footer.png');width:100%;height:87px;">
footer {position: absolute; bottom: 0; z-index: 1;}
现在，在进行研究时，我发现在使用 touchOverflow 之前，我必须添加以下内容：
<script> $(document).bind("mobileinit", function(){ $.mobile.touchOverflowEnabled = true; }); </script>
我有，但没有运气。所以在我看来，我要么需要做一些 CSS 魔术，要么 jQuery 为我准备了其他东西。无论哪种方式，我都喜欢你的帮助！
谢谢！