メニューバーをウィンドウの一番下に固定したく、cssのposition:fixed;を用いましたが、Androidでキーボードを表示させたらメニューバーがキーボードの上に上がってきてしまいます。
上に上がらないようにしたいのですが、いくつかfixed以外の一番下固定も調べた分は試しましたが、うまくいきません。(外部jsを読み込むものはまだです これからやってみようと思いますが…)
ウィンドウを開いた時のウィンドウの高さの一番下に表示させて、その後ウィンドウの高さを変えてもその表示場所が変わらないような仕組みがあるとよいと思うのですが、どのようにすればいいかわかりません。アドバイスを頂けないでしょうか。
追記
該当の部分を書き出したコードです。
html
1<body> 2 <div id="main"></div> 3 4<div id="menu"> 5<a href="index.html"><div id="tab_memo" class="col3"><li>1</li></div></a> 6<a href="2.html"><div id="tab_yet" class="col3"><li>2</li></div></a> 7<a href="3.html"><div id="tab_done" class="col3"><li> 83</li></div></a> 9 </div> 10 11</body>
css
1#tab_memo{ 2 border-top-style: solid; 3 border-color: #000000; 4 border-width: thick; 5 width: calc(100% / 3); 6 left:0; 7 clear: both; 8 position: fixed; 9 bottom:0;} 10 11#tab_yet{ 12 color: #A7A7A7; 13 width: calc(100% / 3); 14 left:calc(100% / 3); 15 position: fixed; 16 bottom:0; 17} 18#tab_done{ 19 20 color: #A7A7A7; 21 width: calc(100% / 3); 22 left:calc(200% / 3); 23 position: fixed; 24 bottom:0; 25 26} 27 28.col3 { 29 height: 45px; 30 float: left; 31 font-size: 13px; 32 background-color:#F1F1F1; 33} 34 35li{ 36 list-style: none; 37} 38
症状が再現するコードを提示されると回答がつきやすくなると思います。
回答1件
あなたの回答
tips
プレビュー