Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/powerbi/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 滚动条滚动';尺寸';_Css - Fatal编程技术网

Css 滚动条滚动';尺寸';

Css 滚动条滚动';尺寸';,css,Css,我怎样才能不“滚动”我想要的高度,而是固定高度 也就是说,div是50px高,每次我向下滚动时,我都想向下滚动50px,而不是只在你想要的地方“停止” 提前感谢。您可以通过以下方式覆盖div的滚动: $("#scrollableContainer").scroll(function(e) { //measure how far are you from the top of the scrollable container var top = $("#scrollableCont

我怎样才能不“滚动”我想要的高度,而是固定高度

也就是说,div是
50px
高,每次我向下滚动时,我都想向下滚动
50px
,而不是只在你想要的地方“停止”


提前感谢。

您可以通过以下方式覆盖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);
    }
});

50px是你想要的,但不是你想要的?对不起,我弄糊涂了。这是一个例子,每次你按住滚动条的拇指并将鼠标指向下方,你就会向下移动50像素(例如)。