如何使用窗口滚动功能上下滑动幻灯片？ jQuery的

Question

我已经坚持了一段时间。 This is the goal effect

我希望用户能够滚动浏览我的幻灯片，当他们向下滚动时，应该转到下一张幻灯片，而向上将它们转到上一张幻灯片。链接到代码here

到目前为止，我已经尝试过：

$(window).scroll(function (e) {
 console.log(e);
 e.preventDefault();
  return false;
});
var $navscroll = $('.slide-nav');
$(document).scroll(function() {
alert($(this).scrollTop()); 
$navscroll.css({left: $(this).scrollTop()>10 ? "65%":"35%"});
});