Question

在我调整窗口大小之前，Waypoints插件无法正常工作。我不知道为什么，也找不到这个问题的原因。窗口调整后，一切都变得正确。

以下是我的代码的一部分：

$(function)(){
//menu active change while scroll
var about_us = $("section.about-us");
waypoints = about_us.waypoint(function(direction){

    console.log("about_us section");
    changeActiveMenu("about_us-menu");

    if (direction === 'down') {
        $(".to-top").addClass("show");
        console.log("show-to-top");
    }else if (direction === 'up') {
        $(".to-top").removeClass("show");
        console.log("hide-to-top");
    }

},{
    offset: "30%"
});


var building = $("section.building");
waypoints = building.waypoint(function(){
    console.log("building section");

    changeActiveMenu("building-menu", "service-menu");
},{
    offset: "30%"
});
});

这是一个问题链接：http://sandbox.maximshadrin.ru/aquanomika/

Answer 1

我找到了解决方案。问题在于代码顺序。我在初始化航路点和$（html）.height（）参数错误后初始化了滑块，因为高度包含所有幻灯片（一个在另一个上而不是左边的一个）。所以我得出结论：＆＃34;始终在代码的底部初始化航路点＆＃34;

在重新调整窗口大小之前，航点无法正常工作

1 个答案: