Question

我有一个Twitter自助视差模板（购买） - 特别是关于导航栏，它当前的工作方式是当你点击一个导航菜单项时，导航栏向上滚动与网站的其余部分，然后再次出现在页面下方并保持固定在顶部。我喜欢的是不在第一个实例中向上滚动，并且一直保持固定在顶部。

这是测试中的网站：

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;
}

通过此修改，导航栏应始终保持固定在顶部
再说一遍：我只是尝试用萤火虫，所以我不确定结果如果这个解决方案不符合您的需求，我会为您浪费时间而道歉。

Answer 2

Mate非常感谢你的帮助 - 我确实尝试过，它解决了大部分的问题，但仍然存在定位问题。我实际上发现标题有两个css类，一个是固定的，一个是滚动的，它们由脚本控制，脚本根据页面的位置在它们之间切换。我关闭了脚本，这解决了问题。我关掉的脚本如下。再次感谢您的帮助！

<script>
    var navbar = jQuery('#navbartop');
    var navbartop = jQuery('#topnavbar');
        jQuery(window).scroll(function () {
            if (jQuery(this).scrollTop() > 640) {

                navbar.addClass("navbar-scroll");
                navbartop.removeClass("navbar-static-top");
                navbartop.addClass("navbar-fixed-top");

            } else {
                navbar.removeClass("navbar-scroll");
                navbartop.removeClass("navbar-fixed-top");
                navbartop.addClass("navbar-static-top");
            }
        });
    </script>

从滚动网站的其余部分中分离滚动导航栏

2 个答案: