Parallax

Jarallax is an open-source javascript library which makes adjusting css based on interaction easy. With Jarallax it's easy to create a parallax scrolling website. Read the plugin documentation

How to use

Just set parallax using .jarallax CSS class:

.card.border-0.bg-light.jarallax(style="min-height: 46rem; background: url('/images/docs/bg_export.svg') center center no-repeat;")

<div class="card border-0 bg-light jarallax" style="min-height: 46rem; background: url('/images/docs/bg_export.svg') center center no-repeat;"></div>