これは私が現在行っていることです: http://i.imgur.com/QyGiM.png
基本的に、これは jQuery といくつかの AJAX を使用して Web サービスをヒットするリストであり、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 には別の方法が用意されているように思えます。いずれにせよ、私はあなたの助けが大好きです!
ありがとう！