文章/答案/技术大牛

发布

社区首页 >问答首页 >粘滞导航顶部栏使页面的其余部分向下跳转(基础5)

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

Stack Overflow用户

提问于 2015-05-21 04:39:40

回答 2查看 871关注 0票数 3

我正在使用Foundation框架来创建我的网页，并且我正在使用他们的粘性顶部栏导航作为一个简单的Select表单的容器。虽然我确实让它工作了，但当我向下滚动页面时，粘性顶部栏抓住了窗口的顶部，页面内容的其余部分向下‘跳’了大约60px。我已经摆弄了它大约3个小时了，但没有任何运气。

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

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

谢谢!

zurb-foundation-5

javascript

html

nav

sticky

回答 2

Stack Overflow用户

发布于 2015-05-21 04:50:48

Foundation sticky类的含义是考虑到它的导航栏。导航栏的高度通常是45px，所以当它与粘滞类绝对定位时，body会得到一个具有类似高度的填充来补偿它。你可能想要摆弄.f-topbar-fixed的顶部填充，这样它就不会在滚动时跳转。

票数 1

Stack Overflow用户

发布于 2015-05-22 23:58:55

有一个删除scrolltop的选项

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

从这篇文章中，http://foundation.zurb.com/forum/posts/881-page-jumps-to-top-on-top-bar-hamburger-icon-click

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30359965

复制

相似问题

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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