2013-12-23 80 views
1

我正在使用bootstrap 3.0。当我在移动视图中向下滚动时,只有几次滚动后,菜单才会弹出回顶部。有没有解决这个问题?如何将菜单连接到顶部

1)初始视图(附连到顶端菜单):

enter image description here

2)有几个滚动向下视图(需要在顶部显示菜单) enter image description here

3)甲几个卷轴(再次菜单)

enter image description here

我believ当css中某处存在某种规则,在最小滚动达到某个值时显示菜单,所以我可能需要减少该值或其他值? 我只需要在移动视图中将它附加到顶部,而不是在桌面或平板电脑视图中。

回答

4

你可以用css来实现它。你应该在哪里固定导航栏位置。

固定导航类在bootrstap中的顶级构建可以使用navbar-fixed-top类实现。 'navbar-fixed-top'的使用可以创建为here。或者你可以使用下面的例子。

.nav 
{ 
    position: fixed; 
} 

阅读更多关于here

P.S.我的建议只是使用内置的类或CSS。但你也可以用其他技术来做到这一点。

+0

是否有CSS做什么当前行为的规则?我只需要在移动视图中修复它,但不能在桌面视图中修复。 – sreginogemoh

+1

当然这是可能的。为此使用媒体查询。阅读媒体查询[这里] [1]。 [1]:https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries – Khamidulla

+0

我猜导致当前行为的查询已经坐在引导程序的CSS? – sreginogemoh