Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja

Membuat efek scrolling saat wheel event ke trigger tanpa mempengaruhi window.scrolly

saya tertarik ketika mengunjungi website midtrans https://midtrans.com/ karena langsung disuguhi efek yang sangat menarik. Pada 4 section pertama, kita bisa melakukan scrolling, tanpa mempengaruhi window.scrollY. Seluruh tampilan berganti ketika kita melakukan wheel event, tapi window.scrollY = 0. Bagaimana cara membuat efek seperti ini? adakah sebuah artikel yang dapat membantu saya mempelajarinya? omong2 efek ini hanya berlaku ketika kita membuka website pada dekstop(karena selain itu bukanlah tipe media yang bisa menggunakan mouse)

avatar rubichandrap
@rubichandrap

25 Kontribusi 19 Poin

Diperbarui 5 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

Kalo dicek pakai devtools-nya firefox, itu yang punya event scroll bukan body, tapi div di dalem body. Jadi, not necessarily pakai window.scrollY, karena yang kontrol scroll kan div di dalem body nya. Jadi tinggal baca event scroll untuk div itu aja

avatar armanrozika
@armanrozika

29 Kontribusi 23 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban