航点不能正常工作，直到窗口调整大小

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

我找到了解决办法。问题出在代码顺序上。初始化waypoint和$（html）.height（）参数后，我初始化滑块，因为height包含所有幻灯片（一个在另一个上，而不是在左侧）。 所以我得出结论：“始终在代码的底部初始化航点”