我希望我的程序窗口在一个范围内跟随Mario img而不是滚动，实质上是移除滑动条并以某种方式保持窗口聚焦在Mario角色上（就像任何2D侧面一样 - 滚动视频游戏）。有关如何使用jQuery或HTML执行此操作的任何想法？
您可以找到我的计划here。如图所示，我有上下值我希望窗口显示，但我没有办法移动屏幕来显示那些边界
编辑：移动硬币计数器，音乐播放/暂停按钮以及我在窗口顶部添加的任何其他内容都是最佳选择。容器div可以这样做吗？我可以使用CSS移动来影响div中的所有元素吗？
答案 0 :(得分：1)
您可以尝试使用负边距移动整个页面，并使用position: fixed将img保留在窗口后面。
答案 1 :(得分：0)
为此，我在moveAmount函数中创建了一个临时变量moveMario，该函数计算了我的Mario img与变量upperRange和{{1}之间的距离}，并使用代码lowerRange
div
对于实际窗口的移动，我使用了相同的概念，但使用了代码$("#id").animate({"left":"+=" + moveAmount + "px"},1);（因为window.scrollTo(lowerRange - (1/10)*winWidth, 0);最初被定义为lowerRange）
经过一周的不同尝试后，我为自己解决这个问题感到自豪。
请参阅我的工作示例here！