目标:在不使用任何插件的情况下获得整页正面和反向滚动。 我尝试了什么:请单击此JSFiddle 链接以获取我的代码
我面临的问题:前滚动(从上到下)工作正常,你可以检查小提琴。但是反向滚动(当我们从下到上返回每个 div 时)会导致问题。它挂在两个div之间。我已经注释掉了小提琴中的一段代码,这是我试图获得反向滚动的代码:
if ((scrollPosition < lastScroll) && ($("#"+prevDiv).isOnScreen()) === true) {
console.log("prev div in view");
$('html,body').animate({
scrollTop: $("#"+prevDiv).offset().top
},'slow');
$("#"+prevDiv).addClass("active");
$("#"+currentDiv).removeClass("active");
currentDiv = $("#"+prevDiv);
return false;
}