我使用的基础框架来创建我的网页,我使用他们的粘顶栏导航作为一个简单的选择表单的容器。虽然我确实做到了,但当我向下滚动页面时,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