Pernahkah Anda mengunjungi suatu halaman web, mulai membaca beberapa konten, lalu halaman semacam ini muncul karena pemuatan iklan atau gambar, sehingga Anda tidak berada di posisi yang sama di halaman tersebut?
Mungkin ada baiknya memeriksa tanda Scroll Anchoring di Chrome 51.
Scroll Anchoring melacak posisi Anda di halaman dan mencegah apa pun yang menyebabkan perubahan posisi/geometri yang mengganggu posisi Anda di halaman.
Untuk mencoba sendiri fitur ini, lakukan hal berikut:
- Buka chrome://flags/#enable-scroll-anchoring di Chrome Dev / Canary
- Pilih “Diaktifkan” dari dropdown
- Klik “Luncurkan Ulang Sekarang” di bagian bawah layar
Dengan ini, Anda akan mengaktifkan scroll anchor.
Kami telah cukup lama menggunakan fitur ini dan yakin bahwa fitur ini meningkatkan pengalaman secara drastis bagi semua pengguna di web, namun kami ingin memastikan bahwa fitur ini berfungsi dengan baik di mana saja. Jika Anda menemukan contoh scroll anchor yang gagal menangani perubahan posisi/geometri di halaman atau contoh yang seharusnya tidak diintervensi, kami sangat ingin mengetahuinya.
Kirim masukan / contoh di mana Anda menemukan perilaku yang tidak diharapkan dengan mengisi formulir ini: g.co/reportbadreflow
FAQ
Bagaimana perubahan ini memengaruhi scroll JavaScript?
Singkatnya - tidak.
Perubahan ini mengubah efek scroll yang disebabkan oleh perubahan posisi/geometri. Misalnya, menambahkan nama class ke elemen yang menyebabkan tingginya bertambah akan menyebabkan perubahan posisi/geometri dan scroll anchor akan mencegah halaman berpindah-pindah.
Memanggil window.scrollTo(0, 1) (Ya, peretasan sekolah lama) tidak akan menyebabkan perubahan posisi/geometri
dan akan berperilaku normal. Hal yang sama berlaku untuk peristiwa sentuh.
Jika menemukan contoh masalah scroll anchor yang memengaruhi halaman Anda, harap kirim masukan melalui formulir ini: g.co/reportbadreflow