Q

当你向下滚动页面时，Navbar扩展为覆盖屏幕的顶部

2013-04-25 51 views 1 likes

1

所以我在寻找新的MemSQL网站http://www.memsql.com/product。当您滚动浏览页面中间加载的导航栏时，它会展开并粘贴到屏幕的顶部。当你向下滚动页面时，Navbar扩展为覆盖屏幕的顶部

初始视图：

enter image description here

过去滚动导航栏后： enter image description here

你将如何实现这样的事情？有一种简单的方法可以通过Bootstrap来实现吗？

2013-04-25 Lloyd Banks

+0

需要JS来确定视口何时传递导航高度，然后将其设置为“固定”。 – 2013-04-25 20:02:28

A

回答

1

研究jQuery Waypoint插件。具体是这个。 http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/

Waypoint可以做的事情有很多。一探究竟！

2013-04-25 21:38:16 Sean

+0

关于想要更改导航大小等，您可以使用Waypoint在您的导航栏中添加一个类（或几乎做任何事情），当它到达顶部时。 http://imakewebthings.com/jquery-waypoints/#get-started – Sean 2013-04-26 16:07:31

相关问题