Scrollbar scroll 'size‘

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);
    }
});