1

我希望我的程序窗口img在一定范围内跟随马里奥而不是滚动，本质上是移除滑动条并以某种方式保持窗口专注于马里奥角色（就像任何 2D 横向滚动视频游戏一样）。关于如何使用 jQuery 或 HTML 执行此操作的任何想法？

你可以在这里找到我的程序。如所见，我有希望窗口显示的上限和下限，但我没有办法移动屏幕以显示这些边界

编辑：最好将硬币计数器、音乐播放/暂停按钮以及我在屏幕顶部添加的任何其他内容与窗口一起移动。容器div可以做到这一点吗？我可以只使用 CSS 移动来影响 中的所有元素div吗？

4

2 回答 2

1

您可以尝试使用负边距移动整个页面，并使用position: fixed.

于 2013-03-03T03:57:46.570 回答
0

为此，我moveAmount在函数中创建了一个临时变量，该变量计算了我的马里奥和变量之间moveMario的距离，并使用代码移动了包含硬币计数器和音乐播放/暂停按钮的imgupperRangelowerRangediv$("#id").animate({"left":"+=" + moveAmount + "px"},1);

对于实际窗口的移动，我使用了相同的概念，但使用了代码window.scrollTo(lowerRange - (1/10)*winWidth, 0);（因为lowerRange最初定义为(1/10)*winWidth）

在尝试了一周不同的事情后，我真的为自己解决了这个问题而感到自豪。

在这里查看我的工作示例！

于 2013-03-11T16:41:57.020 回答