2017-12-03 9 views
0

2つのスライドパネルを使って簡単なモバイルの最初のレイアウトを作成する方法を理解しようとしています。表示領域の幅が700px未満であれば基本的に、私はこのように見えるようにレイアウトをしたいと思います:2つのスライディングサイドパネルを持つレイアウト

enter image description here

これは、主に携帯画面用にも、ユーザーがでハンバーガーメニューをクリックすることができます左上のメニューを左にスライドさせるには左上を、左から右のメニューをスライドさせるには右上の省略記号をクリックします。シンプルだが、両方のメニューが固定されているので、メインのコンテンツがメニューをスクロールして上にならないようにしたい。表示エリアが700pxの上にあるときにも

は、私は2つのメニューは次のように自動的に表示したい:誰かがこの実際に素早くで私を助けることができる場合、私は思っていた

enter image description here

。私はそれを釘付けにすることはできません。それは有り難いです。

+0

を参照することができます。 – ecg8

+1

こんにちはと歓迎するスタックオーバーフロー!私たちは喜んでお手伝いしますが、私たちはあなたがオフサイトにしたいもののイメージを指すのではなく、関連するすべてのコードスニペットを質問に含めることをお勧めします。これは、リンクが古くなる可能性があるためですが、Stack Overflowの質問を永遠にすることを望みます(他の誰かが同じ問題を抱えている場合に備えて)。あなたの質問を編集し、あなたが書いたすべての関連コードを追加してください。あなたの質問にも、あなたが試したこと、そしてなぜあなたが成功しなかったのかを追加してください。その後、私たちはあなたを助けることができます:) –

答えて

0
  1. 応答要件を達成するために、あなたがしたい画面サイズに特定のCSSスタイルを設定するためにmedia queriesを使用することができます。

  2. フィックストップのメニューバーを達成するために、あなたがこれまで持っているもの投稿してくださいposition:fixed

関連する問題