反向页面滚动不滚动到上一页

Question

目标：无需使用任何插件即可获得整页的前页和后页滚动。 我尝试过的事情：请点击此JSFiddle link for my code

我面临的问题：前滚动条（从上到下）工作正常，您可以检查小提琴。但是反向滚动（当我们从下到上回到每个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;
  }