画面の位置の下にモバイルCSS

Question

私はモバイルナビゲーションのために画面の下部に固執するメニューを作成しようとしていますので、モバイルではなくPC上で動作するposition: fixedを使用しました。 は、ここで私が使用したコードです：

.menu_bar { 
    background-color: #000; 
    text-align: center; 
    height: 75px; 
    width: 100%; 
    position: fixed; 
    bottom: 0; 
    display:block; 
    z-index: 9999; 
} 

Here's the demo そして、ここでは、私はそれがモバイル上で動作するように得ることができない理由のOpera Mini emulator

誰もが知っているのか？ありがとう:)

編集：私はほとんどのモバイルブラウザはposition: fixedをサポートしていないことがわかります、あなたは良い代替案を知っていますか？多分Jqueryの助けを借りて？おかげ

Answer 1

は私もテーブルに固定された位置を与えることだけを考えることができますが、私はあなたが持っていると思いますので、それが更なる問題を引き起こすだろうかはわからない：

table { 
    position: fixed; 
    top: 0px 
    bottom: 75px 
} 

.menu_bar { 
    background-color: #000; 
    text-align: center; 
    height: 75px; 
    width: 100%; 
    position: fixed; 
    bottom: 0; 
    display:block; 
    z-index: 9999; 
} 

だからあなたはまだあなたを持つことができますメニューバーは固定されていますが、オーバーフロー：スクロールを追加する必要があります。オーバーフロー：自動;コンテンツがスクロールしていない場合私はhttp://code.google.com/mobile/articles/webapp_fixed_ui.htmlに読んで、代わりにコンテンツをスクロールするためにjavascriptを使用することをお勧めします。