滚动条滚动'大小'

Question

我怎么样，而不是“滚动”我想要的高度，固定的高度？

即div为50px高，每次向下滚动时，我都希望向下50px，而不是只停留在您想要的位置。

提前致谢。

Answer 1

您可以通过以下方式覆盖div的滚动：

$("#scrollableContainer").scroll(function(e) {
    //measure how far are you from the top of the scrollable container
    var top = $("#scrollableContainer").scrollTop();

    var scrollIncrement = 50; //50px

    if (top % scrollIncrement!= 0) {
        var delta;
        //calculate delta you need to align the position with
        if(e.detail > 0) {
            //scroll down
            delta = ((top / scrollIncrement) + 1) * scrollIncrement) - top;
        }else {
            //scroll up
            delta = ((top / scrollIncrement) - 1) * scrollIncrement) - top;
        }

        $("#scrollableContainer").scrollTop(delta);
    }
});