Skip to main content

Jarallax

NO dependencies JavaScript parallax scrolling.

Installation

Add script right before closing </body> tag, and initialize Jarallax

            
              <!-- Plugin js -->
              <script src="src/plugins/jarallax/dist/jarallax.min.js"></script>
              <script src="src/plugins/jarallax/dist/jarallax-video.min.js"></script>

              <!-- Theme js -->
              <script src="src/js/theme.js"></script>

If you want to remove Jarallax js editing theme.js in this function myJarallax();


Example


title
1500+
Customers
250+
Company
520+
Running
450+
Complete


How to use

You can use jarallax with add class jarallax and jarallax-img. You also can add background video with jarallax and data-jarallax-video="https://www.youtube.com/watch?v=ab0TSkLe-E0"

            
              <!-- Background Image Parallax -->
              <div class="jarallax">
                <img class="jarallax-img" src="<background_image_url_here>" alt="">
                Your content here...
              </div>

              <!-- Background YouTube Parallax -->
              <div class="jarallax" data-jarallax-video="https://www.youtube.com/watch?v=ab0TSkLe-E0">
                  Your content here...
              </div>

Example jarallax for background video in here

For complete documentation read in here