Get started with waypoints CDN

MIT licensed

Waypoints is a library that enables simple, easy-to-use scroll-triggered animations and interactions.

Tags:
  • scroll
  • scrolling

Stable version

Copied!

How to start using waypoints CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="styles.css">
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/noframework.waypoints.min.js"></script>
</head>
<body>
  <div id="myElement" class="my-element">
    <h1>Hello, I'm a scrolling element!</h1>
  </div>

  <script>
    new Waypoint({
      element: document.getElementById('myElement'),
      handler: function() {
        this.element.style.color = 'red';
      },
      offset: '50%'
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions