Get started with skrollr CDN

MIT licensed

Skrollr is a free and open-source scrolling animation library for JS.

Tags:
  • skrollr
  • standalone
  • scrolling
  • parallax
  • mobile

Stable version

Copied!

How to start using skrollr CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="styles.css">
  <script src="https://cdn.cdnhub.io/skrollr/0.6.30/skrollr.min.js"></script>
  <script src="skrollr-init.js"></script>
</head>
<body>
  <div id="header">
    <!-- Your header content here -->
  </div>
  <div id="content">
    <h1 data-animate="fade-in" data-top="0" data-duration="1000">Hello, Scroll!</h1>
    <p data-animate="slide-up" data-top="50" data-duration="1500">Scroll down to see me animate!</p>
  </div>
  <script>
    const s = Skrollr.init({
      forceHeight: false,
      smoothScrolling: true,
      debug: false,
    });
  </script>
</body>
</html>
Copied!

All versions