滚动条中startScroll背后的逻辑？

我startScroll()在这个文档中没有想到.

它说:

正数会将内容滚动到左侧.

我不明白.如果0总是在左侧,为什么向左滚动？如果是否定的,它将滚动到右侧.

但为什么？我很难绕过它.它背后的逻辑是什么？为什么要向左转？

在游戏和图形编程中,0将始终为左上角或左下角,但它始终位于左侧.因此,使用正数向右移动并以负数向左移动是有意义的.但是为什么它在startScroll上有所不同？

我只是问为什么我真的好奇为什么这样设计它.

要说明发生了什么,请参见图纸:

顶部的图显示了坐标系:(0,0)位于左上方,正方向是右(x坐标)和下(y坐标).

下图显示了当"视口"移动时滚动的效果.

左侧是调用滚动前的位置

右边是调用滚动后的位置x = + 2,y = + 3

浅蓝色矩形是屏幕"视口":滚动方法实际上是移动这个矩形(屏幕的表示),而不是内容.看它就像你在世界上看到的相机.

红点只是位于视图上的一个元素,它不会移动.把它看作你所看到的世界.

您可以看到,在正x和y方向上移动"视口"会导致红点显示向上和向左移动.就像向右移动相机一样,视频中的世界会向左移动.