Raja Kode - miniparallax.js adalah javascript library dengan ukuran (1kb minified) yang membuatnya sangat ringan untuk digunakan, miniparallax juga bisa dikostumisasi dengan mudah dan support horizontal atau vertical scroll.
Cara memasang & menggunakannnya:
1. Silahkan Hosting css dan javascript miniparallax di website kamu.
<link rel="stylesheet" href="parallax.min.css" /> <script src="parallax.min.js"></script>
2. Tambahkan class parallax ke elemen yang ingin kamu terapkan, dan library akan melakukan sisa tugasnya.
<div class="parallax-container"> <img class="parallax" src="parallax.jpg" /> </div>
.parallax-container {
position: relative;
/* more styles here */
}
3. Ini juga mendukung elemen parallax tanpa wrapper.
<img class="parallax" src="parallax.jpg" noscale />
4. Horizontal parallax scroll juga mendukung.
<img class="parallax" src="parallax.jpg" x noscale />