2

デスクトップ/iPad/iPhone/Androidタブレットなどで動作するレスポンシブサイトをまとめようとしています.

Facebook スタイルの左側のメニューに追加しようとしています - メニューをクリックするとスライドインし、コンテンツが移動する 3 行のメニューです。

私が抱えている問題は、私が設定したことです

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

そのため、コンテンツをスライドすると、オーバーフローが非表示になるようにコンテナーを設定しても、ビューポートが拡張されます。コンテンツの上にメニューをスライドさせるだけでよいことがわかりましたが、これはクライアントが望んでいるものではありません

CSSトランジションを使用してメニューのスライドインを行っていますが、これはjQueryではなくスムーズに見えます。

誰かが同様の問題を抱えていましたか/これを行う方法を提案できますか?

乾杯

ダン

4

1 に答える 1

0

これまでにこれを見つけた

http://tech.xtremelabs.com/html5-facebook-style-sliding-menu-using-twitter-bootstrap-collapse/

これには、動作するjsfiddleの例もあります

于 2013-08-20T05:48:23.917 に答える