Fun Lab / Scroll Catapult

Scroll Catapult

Hold, aim, and launch the page. This page is intentionally very tall so there is real distance to fly across.

Your device has reduced motion turned on, so the catapult is switched off here. That is the library respecting your setting. Turn off reduced motion in your system settings to try it.

1. Hold any blank spot for a third of a second. The scrollbar appears.
2. Keep holding to build power, or pull to aim: down flies up, up flies down. Pink fills toward where you will fly.
3. Release to launch. A full charge slams the end of the page and detonates. Tap while flying to stop.
On a computer, click and hold works here too. On your own site it is touch only unless you turn mouse on.

Add it to your site by pasting this before </body>:

<script src="https://cdn.jsdelivr.net/npm/@cerebralauthority/scroll-catapult@0.1.0/scroll-catapult.js"
  integrity="sha384-xjTQNkVqPPghj6pQ7j1AJTaE0BGggIuvcQ28rcLP7uvLoz4f5uHtBMIxSyJ27mii"
  crossorigin="anonymous"></script>
<script>ScrollCatapult.init();</script>