サッカーフィールの周りにスーパーヒーローを配置します

スーパーヒーローとボールは "draggable" クラスをもつ要素です。それらを本当にドラッグ可能にします。

重要: ウィンドウのドラッグを制限します。もしドラッグ可能な要素がウィンドウの上下端に到達すると、ページをスクロールしてさらにドラッグできます。

画面全体がドキュメント全体に収まる大きさの場合 -- テストをするため、縦スクロールが出るようウィンドウを小さくしてください。

このタスクでは、縦スクロールを処理するだけで十分です。通常水平スクロールはなく、もし必要な場合は同じような処理が行われます。

もう１点: ヒーローは決してページから離れません。もしドキュメントの端に到達した場合、ドキュメントの外にはドラッグされません。