Путевые точки не работают правильно, пока не изменится размер окна

Question

Плагин путевых точек не работает правильно, пока не измените размер окна. Я не знаю, почему и не могу найти причину этой проблемы. После изменения размера окна все стало правильно.

Вот часть моего кода:

$(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() был неправильным, потому что высота содержит все слайды (один на другой вместо одного рядом с левой). Итак, я пришел к выводу: «Всегда начинайте путевые точки в нижней части вашего кода»