javascript - 粘性导航顶部栏使页面的其余部分向下跳转(基础 5)

标签 javascript html nav sticky zurb-foundation-5

我正在使用 Foundation 框架来创建我的网页,并且我正在使用他们的 Sticky Top-Bar 导航作为一个简单的选择表单的容器。虽然我确实让它工作了,但当我向下滚动页面并且 Sticky Top-Bar 捕获窗口的顶部时,页面内容的其余部分“跳”了大约 60px 左右。我已经把它弄乱了大约 3 个小时,但没有运气。

我非常感谢任何见解或建议,尤其是来自任何熟悉 Foundation 的人。

Here's the link to the page in question...

谢谢!

最佳答案

Foundation sticky 类的意思是考虑到它的导航栏。导航栏的高度通常为 45px,因此当它与 sticky 类绝对定位时,body 会得到一个具有相似高度的 padding 来补偿它。您可能想要摆弄 .f-topbar-fixed 的顶部填充,这样它就不会在滚动时跳转。

关于javascript - 粘性导航顶部栏使页面的其余部分向下跳转(基础 5),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30359965/

相关文章:

javascript - 使用 jQuery 添加函数到 DOM 元素集?

javascript - 在 HTML5 Canvas 中渲染三个 js 场景

css - 如何居中自定义 Wordpress 主题导航栏?

javascript - 在 JavaScript 中遍历对象内部的数组

javascript - 如何使用jquery将每个HTML dom和get属性转换为JSON

html - 文本区域 :focus with opacity not working

html - 应用 onclick 后单击时 Bootstrap 导航栏变为灰色

html - Div 容器显示错误的宽度并与第二个容器重叠

javascript - 无法更改 iframe 属性

javascript - 使用ajax从php到javascript获取值