6

レスポンシブ Web デザインに基づいて Web ページを作成しています。そのため、より小さな解像度にサイズ変更すると、ナビゲーション メニューがトップ バーから削除され、iPhone Facebook/Path スタイルのモバイル スライド メニューに変わります。このライブラリを使用してそれを達成しました。

同時に、ページの下部にドッキングして上下に引っ張ることができる固定位置パネルを下部に配置しました。これに非常に近いですが、私のものは一番下にあり、引き上げることができます。

Chrome の問題は次のとおりです。モバイル メニューをスライドして元に戻すと (「-webkit-transform: translateX()」を使用しています)、固定配置されたパネルの位置が崩れます。

少し調べたところ、Chrome のバグのようです。ただし、回避策はありますか？

重複の可能性: -webkit-transform を使用すると、Positions fixed が機能しません(ただし、回答で問題の回避策が見つかりませんでした)

どうもありがとう！

4

1 に答える 1

4

このフィドルに従うことができます

http://jsfiddle.net/stefanoortisi/DvZn2/1/

それは本当にきれいでシンプルです。同じ構造に従うことができます。

注: 固定要素には、何らかの理由で z-index が必要です。

#topbar
    position: fixed
    z-index: 1
于 2014-01-06T18:38:55.083 に答える