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

Sticky Nav Top-Bar Making Rest of Page Jump Down (Foundation 5)

本文关键字：基础余部导航更新时间：2023-09-26

我使用的基础框架来创建我的网页，我使用他们的粘顶栏导航作为一个简单的选择表单的容器。虽然我确实做到了，但当我向下滚动页面时，Sticky Top-Bar会抓住窗口的顶部，页面的其余内容会向下"跳跃"大约60px左右。我已经摆弄了大约3个小时了，还是没有运气。

我非常感谢任何见解或建议，特别是那些熟悉Foundation的人。

这是问题页面的链接…

谢谢!

Foundation粘滞类意味着它的导航栏。导航条的高度通常是45px，所以当它与sticky类绝对定位时，body会得到一个类似高度的padding来补偿它。你可能想要调整.f-topbar-fixed的顶部填充，这样它就不会在滚动时跳跃。

有一个选项可以删除滚动顶部

<nav class="top-bar" data-topbar data-options="scrolltop:false;">

From this post http://foundation.zurb.com/forum/posts/881-page-jumps-to-top-on-top-bar-hamburger-icon-click