固定导航栏使用Twitter Bootstrap 3

时间:2013-11-23 08:07:35

标签: jquery html css css3 twitter-bootstrap

我在我的网站上使用Twitter Bootstrap 3。我想要一个固定的导航栏,需要在用户向下滚动的某个点之后打开。

我使用了Affix(),我可以让导航栏出现在某个特定点上。

但挑战是当用户向下滚动时,导航栏显示在顶部,导航栏的宽度不是100%。

即使滚动页面,我也希望导航栏的宽度为100%。

这是FIDDLE

请在结果细分中向下滚动并注意导航栏。

它消失然后出现在某个滚动点。但导航栏的宽度在开头时并不相同。

请帮我解决。

1 个答案:

答案 0 :(得分:0)

width: 100%;

上使用.navigation
.navigation {
    background: #fff;
    position: relative;
    width: 100%;
}

Demo