我正在使用 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/