javascript - 粘性导航栏需要占用空间

标签 javascript jquery html css materialize

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

当然,我可以在内容上使用边距,但是当导航栏未固定时,内容也会有该边距。

检查https://eastsidetothewebsite.nl/edlifecoaching/举个例子。

如何使用 MaterializeCSS Pushpin 插件,而不会在每次固定内容时内容掉落?

最佳答案

您的 JavaScript 更改了一些样式以将其对齐到窗口顶部。您可以更改一些样式以同时添加边距。

关于javascript - 粘性导航栏需要占用空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39077042/

相关文章:

javascript - 在 react-csv 中下载 CSV 后调用函数

javascript - 滚动离开时停止 div 固定定位

html - 用CSS反转表格列

javascript - 将链接按钮加载到 iframe 100%

javascript - 如何查看Google Drive API的文件和文件夹?

javascript - 更新 JavaScript 时遇到问题

javascript - ClojureScript 中的向量到元素?

javascript - 使用 jQuery 创建 DOM 元素 - 未实现 "node"?

javascript - 在 highchart 中格式化后,工具提示不会隐藏

css - html5 Canvas ,使用html元素和css