粘性导航栏需要占用空间

Question

我正在尝试使用MaterializeCSS图钉插件创建一个固定的导航栏。 到目前为止，它工作正常，但当它捕捉到页面的顶部（=获取位置：固定状态）时，页面的内容被推送到导航栏下。

当然我可以在我的内容上使用保证金，但是当导航栏没有固定时，内容也会有这个余量。

请查看https://eastsidetothewebsite.nl/edlifecoaching/以获取示例。

我怎样才能使用MaterializeCSS Pushpin插件，而不会在每次固定时内容掉落？

Answer 1

您的JavaScript会更改某些样式以将其捕捉到窗口顶部。 您可以更改某些样式以同时添加边距。