航点不能正常工作,直到窗口调整大小
问题描述:
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%"
});
});
答
我找到了解决办法。问题出在代码顺序上。初始化waypoint和$(html).height()参数后,我初始化滑块,因为height包含所有幻灯片(一个在另一个上,而不是在左侧)。 所以我得出结论:“始终在代码的底部初始化航点”