Get started with paroller.js CDN

MIT licensed

Paroller.js is a lightweight library for creating parallax scrolling effects on websites.

Tags:
  • parallax
  • scrolling
  • vertical
  • horizontal
  • translate
  • jquery
  • plugin

Stable version

Copied!

How to start using paroller.js CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with paroller.js CDN - cdnhub.io</title>
  <link rel="stylesheet" href="styles.css">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://cdn.cdnhub.io/paroller.js/1.4.7/jquery.paroller.min.js"></script>
  <script>
    $(document).ready(function() {
      $('.parallax').parallax({
        // Set the amount of scrolling for each pixel below the fixed element
        factor: 0.2
      });
    });
  </script>
</head>
<body>
  <header class="fixed">
    <h1>Paroller.js Example</h1>
  </header>
  <main class="parallax">
    <section>
      <h2>Section 1</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum. Cras porttitor metus justo, ut fringilla urna bibendum et.</p>
    </section>
    <section>
      <h2>Section 2</h2>
      <p>Curabitur blandit tempus enim, ut bibendum nisl tincidunt et. Proin eget tortor risus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
    </section>
  </main>
</body>
</html>
Copied!
Copied!

All versions