javascript - 从滚动站点的其余部分分离滚动导航栏

Question

我有一个 Twitter bootstrap parallax 模板(已购买)- 特别是关于导航栏，它目前的工作方式是当您单击导航菜单项时，导航栏会与站点的其余部分一起向上滚动，然后重新出现进一步向下页面并保持固定在顶部。我想要的是它首先不向上滚动，并且一直固定在顶部。

这是测试中的站点:

http://realestatemediafactory.com/test/

我尝试过的一件事是将整个导航栏包裹在下面的代码中:

<div data-spy="affix" data-offset-top="160">

但结果很困惑，我认为最好关闭/修改导致滚动的代码，而不是尝试用更多代码取消它...

不确定这是由 css 还是 jquery 控制的，所以没有在这里复制我的任何代码......无论需要什么，我都很乐意粘贴在这里。

谢谢大家!!

Answer 1

我不知道我是否理解正确你的问题，这是否对你有帮助
我尝试使用 Firebug 编辑 css 代码
在您的 CSS 代码中搜索此选择器并尝试对其进行修改

 .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    background: url("../img/line_bg.png") repeat scroll left top rgba(0, 0, 0, 0.3);
    border-bottom: medium none;
    box-shadow: none;
    filter: none;
    padding-bottom: 10px;
    padding-top: 10px;
    position: fixed;
    transition: padding 0.5s ease-in-out 0s;
    width: 100%;
    z-index: 1030;
}

通过这次修改，导航栏应该始终固定在顶部
再一次:我只尝试过 Firebug ，所以我不确定结果
如果此解决方案不适合您的需求，很抱歉让您浪费了时间。