【问题标题】:Navbar Expands to Cover Top of Screen When You Scroll Down the Page当您向下滚动页面时,导航栏会展开以覆盖屏幕顶部
【发布时间】:2013-04-26 05:48:02
【问题描述】:

所以我正在查看新的 MemSQL 网站 http://www.memsql.com/product。当您滚动经过页面中间加载的导航栏时,它会展开并固定在屏幕顶部。

初始视图:

滚动浏览导航栏后:

您将如何实现这样的功能?有没有简单的方法通过 Bootstrap 做到这一点?

【问题讨论】:

  • 需要JS判断视口何时通过nav高度,然后设置为'fixed'。

标签: html css twitter-bootstrap


【解决方案1】:

查看 jQuery Waypoints 插件。具体这个。 http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/

Waypoints 可以做很多事情。看看吧!

【讨论】:

猜你喜欢
  • 2016-05-24
  • 1970-01-01
  • 2013-07-30
  • 1970-01-01
  • 2014-07-10
  • 2023-04-04
  • 1970-01-01
  • 2016-11-28
  • 1970-01-01
相关资源
最近更新 更多