jquery - 粘性导航栏不再工作

Question

我的客户希望我使用模板。这个:http://wrapbootstrap.com/preview/WB0TK5663

我已经在这方面工作了很长时间，几乎没有遇到任何问题。

但是，突然之间，粘性导航栏不再起作用了。我在任何地方都找不到答案，这让我很沮丧。

这是网站:http://soldaforte.com .

仅添加 position: fixed 并不能完成工作，它必须与我显示的链接中的一样。

谢谢

编辑:我确实添加了一些我的代码来直接自定义粘性导航栏，它工作正常，但是当我添加 flexslider 插件时它停止工作。

Answer 1

好吧，我想我知道可能会发生什么。我刚刚注意到 main.js 是一个谷歌地图文件，我的猜测是默认模板正在使用谷歌地图但你没有，所以它试图创建一个 map 但它不能。特别是在 ID 为#gmap

的元素内

在 codigo.js 中删除这个

var map;
function initialize() {
    var mapOptions = {
        zoom: 15,
        center: new google.maps.LatLng(34.052234, -117.243685),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById('gmap'),
        mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

如果您不使用 map ，那么还要删除 html 中这些库的脚本标签。否则，如果您要使用 map ，请定义#gmap 容器并将代码放回去。让我们知道它是否有效

更新

好的，它缺少“滚动”类，您似乎已经根据 html 文件上的滚动监听器知道了这一点。与原始主题相比，缺少 wisdom.js 文件。在此文件中，航路点插件设置为使用此代码处理粘性导航

//Header Animations
var pageHeader = $(".page-header");
var pageSlider = $(".page-slider");
var pageAboutUS = $(".about-us");

pageSlider.waypoint(function (direction) {
    if (direction == "up") {
        pageHeader.removeClass("scrolled");
    }
    else {
        pageHeader.addClass("scrolled");

    }
}, { offset: -10 });
pageSlider.waypoint(function (direction) {
    if (direction == "up") {
        pageHeader.removeClass("transition");
    }
    else {
        pageHeader.addClass("transition");

    }
}, { offset: -400 });
pageAboutUS.waypoint(function (direction) {
    if (direction == "up") {
        pageHeader.removeClass("header-fixed");
    }
    else {
        pageHeader.addClass("header-fixed");

    }
}, { offset: 80 });
pageHeader.waypoint("sticky");

我认为有了它，您可以让它重新工作并摆弄它以根据您的需要自定义其行为。这是如果您需要页面部分之间的动画和过渡。如果你只需要一个固定的导航栏，也许你最好不要使用航路点插件并将导航栏设置为仅通过 css 固定。