2016-08-22 14 views
1

MaterializeCSSのpushpinプラグインで固定のnavbarを作成しようとしています。これまでは正常に動作していますが、ページの上部にスナップすると(=固定の状態になります)、ページの内容がナビゲーションバーの下にプッシュされます。スティッキーnavbarがスペースを占有する必要があります

もちろん、コンテンツに余裕を持たせることもできますが、ナビゲーションバーが固定されていない場合でもコンテンツに余白があります。

例としてhttps://eastsidetothewebsite.nl/edlifecoaching/を確認してください。

固定されるたびに内容が落ちることなくMaterializeCSS Pushpinプラグインを使用するにはどうすればよいですか?

+0

JavaScriptを使用して一部のスタイルを変更して、ウィンドウの上部にスナップするとします。余白を追加するためにスタイルを変更することもできませんか? – Whothehellisthat

+0

navbarが修正されたときに、ヘッダーの後のページの先頭要素に余白を追加しました。私はフレームワークのjavascriptファイルを掘り下げて編集しなければなりませんでしたが、これは私がやりたいことではありませんが、問題を解決しました:) –

+0

Cool。私はこれを答えに変えます。 – Whothehellisthat

答えて

0

JavaScriptは、スタイルを変更してウィンドウの上部にスナップします。あなたは同時にいくつかのスタイルを変更して余白を追加することができます。

関連する問題