Javascript 一种向上/向下/左/右滚动静态网页的方法

Javascript 一种向上/向下/左/右滚动静态网页的方法,javascript,html,css,Javascript,Html,Css,还记得《吃豆人》吗?你从屏幕的一侧走出来,出现在屏幕的另一侧?这表示以2D表示的球形贴图。 我试图得到一个“平面”网页的相同行为,因此当用户向下滚动时,整个网页、文本、图像等都会随着滚动而移动。当它到达网页底部时,网页的“顶部”从底部进入查看,就像吃豆人一样 同样的情况也会发生在两侧或从左到右,除了不使用鼠标滚轮之外,他们会按住鼠标中键并左右移动鼠标来左右平移 如何让热键工作与我无关,我只是在寻找“球形平移”行为,基于用户对鼠标或键盘的控制,而不是预定义的动画或电影。将球形图像投影到二维平面本身

还记得《吃豆人》吗?你从屏幕的一侧走出来,出现在屏幕的另一侧?这表示以2D表示的球形贴图。 我试图得到一个“平面”网页的相同行为,因此当用户向下滚动时,整个网页、文本、图像等都会随着滚动而移动。当它到达网页底部时,网页的“顶部”从底部进入查看,就像吃豆人一样

同样的情况也会发生在两侧或从左到右,除了不使用鼠标滚轮之外,他们会按住鼠标中键并左右移动鼠标来左右平移


如何让热键工作与我无关,我只是在寻找“球形平移”行为,基于用户对鼠标或键盘的控制,而不是预定义的动画或电影。

将球形图像投影到二维平面本身就是一个相当大的问题。你只是想知道如何在已经映射的二维地图上导航吗?我只是想知道如何水平和垂直滚动网页。这将使您永远水平向右滚动,但相同的内容将在屏幕上移动,而不是新内容。这就是它不同于无限卷轴的原因。这更像是“平移”。我之所以说球形,是因为这就是吃豆人的场景,即使你可以在2D屏幕上播放,因为你离开屏幕回到对面,例如,这表示在球体的赤道上行走。将球体图像投影到二维平面本身就是一个相当大的问题。你只是想知道如何在已经映射的二维地图上导航吗?我只是想知道如何水平和垂直滚动网页。这将使您永远水平向右滚动,但相同的内容将在屏幕上移动,而不是新内容。这就是它不同于无限卷轴的原因。这更像是“平移”。我之所以说球形是因为这就是吃豆人的风景,即使你可以在2D屏幕上播放,因为你离开屏幕回到对面,这代表着在球体的赤道上行走。