当你向下滚动页面时,Navbar扩展为覆盖屏幕的顶部
问题描述:
所以我在寻找新的MemSQL网站http://www.memsql.com/product。当您滚动浏览页面中间加载的导航栏时,它会展开并粘贴到屏幕的顶部。当你向下滚动页面时,Navbar扩展为覆盖屏幕的顶部
初始视图:
过去滚动导航栏后:
你将如何实现这样的事情?有一种简单的方法可以通过Bootstrap来实现吗?
答
研究jQuery Waypoint插件。具体是这个。 http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/
Waypoint可以做的事情有很多。一探究竟!
+0
关于想要更改导航大小等,您可以使用Waypoint在您的导航栏中添加一个类(或几乎做任何事情),当它到达顶部时。 http://imakewebthings.com/jquery-waypoints/#get-started – Sean 2013-04-26 16:07:31
需要JS来确定视口何时传递导航高度,然后将其设置为“固定”。 – 2013-04-25 20:02:28