1

プログラムのウィンドウをスクロールするのではなく、範囲内でマリオに追従させたいと考えています。imgつまり、スライドバーを削除し、ウィンドウをマリオのキャラクターに焦点を合わせたままにします（2D横スクロールビデオゲームのように）。jQueryまたはHTMLを使用してこれを行う方法についてのアイデアはありますか？

私のプログラムはここにあります。ご覧のとおり、ウィンドウに表示したい上限値と下限値がありますが、画面を移動してそれらの境界を表示する方法がありません。

編集：コインカウンター、音楽の再生/一時停止ボタン、およびウィンドウのある画面の上部に追加するその他のものを移動するのが最適です。コンテナdivはこれを行うことができますか？CSSの動きを使用して、のすべての要素に影響を与えることはできdivますか？

4

2 に答える 2

1

負の余白を使用してページ全体を移動し、ウィンドウの後にimgを続けることができます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）

さまざまなことを1週間試した後、これを解決できたことを本当に誇りに思います。

ここで私の作業例を参照してください！

于 2013-03-11T16:41:57.020 に答える