粘稠的肚脐不再工作了

Question

我的当事人想让我用模板。这个：http://wrapbootstrap.com/preview/WB0TK5663

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

然而，突然之间，粘稠的肚脐不再起作用了。我在任何地方都找不到答案，而且越来越令人沮丧。

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

只是增加职位:固定不做的工作，它必须是在链接，我已经显示。

谢谢

编辑:我确实添加了一些代码来直接定制粘性导航条，但是当我添加了柔性滑块插件时，它就停止工作了。

Answer 1

好吧，我想我知道会发生什么。我刚刚注意到main.js是一个谷歌地图文件，我猜默认模板是使用谷歌地图，但你没有，所以它试图创建一个地图，但它不能。特别是在具有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);

如果您没有使用映射，那么也要删除html中那些库的脚本标记。否则，如果要使用映射，请定义#gmap容器并将代码放回。如果成功的话，请告诉我们

更新

好的，它缺少‘滚动’类，似乎您已经知道基于html文件上的滚动侦听器。将其与原始主题进行比较，wisdom.js文件将丢失。在这个文件中，waypoint插件被设置为用下面的代码处理粘稠的导航。

//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固定。

Answer 2

您需要将此添加到css中：

.stuck.header-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}