使用jquery

Question

我的页面上有几个div。每个div都覆盖全屏。 我想做的是 - 当用户向上/向下滚动页面时，它会一次自动滚动955px（视口高度）。

Here你可以看到一个例子。

目前我有以下jquery代码。但它滚动到顶部或底部。

var viewportHeight = $(window).height();

$(window).resize(function () {
    viewportHeight = $(window).height();
});

var previousScroll = 0;
var scrollCount = 1;


$(window).scroll(function () {     
    var currentScroll = $(this).scrollTop();

    if (currentScroll > previousScroll) {
        scrollCount++;
        var scrollAmount = scrollCount * viewportHeight;
        $(window).scrollTop(scrollAmount);
    } else {
        scrollCount--;
        $(window).scrollTop(scrollCount * viewportHeight);
    }
    previousScroll = currentScroll;
});

我不擅长JQuery。有什么帮助吗？