Saat menggunakan MDL, atribut elemen scrollTop, misalnya body, tidak diperbarui dan tidak dapat disetel. Ini merusak alat seperti Vimium yang menggulir halaman untuk Anda.
Anda dapat menguji ini di http://www.getmdl.io/started/. Gulir ke bawah halaman sedikit, buka konsol dan masuk
document.getElementsByTagName('body')[0].scrollTop
Ini akan selalu mengembalikan 0, bahkan jika Anda menggulir isi. Jika Anda mencoba dan memasukkan baris itu di halaman lain, misalnya github, itu akan mengembalikan angka yang menunjukkan seberapa jauh Anda telah menggulir.
Masalah yang sama terjadi dengan pengaturan atribut scrollTop. Ini tidak akan berfungsi pada halaman yang menggunakan MDL:
document.getElementsByTagName('body')[0].scrollTop = 50
Tetapi akan berfungsi di halaman lain.
Ini adalah masalah yang datang dari bagaimana tata letak dilakukan. Tidak ada yang bisa kita lakukan. Redaktur 2.X harus menangani ini dan banyak masalah lainnya.
bahkan satu tahun kemudian, scrollTop tidak berfungsi, begitu juga properti window.screenY. Solusi saya saat ini adalah membuat ulang beberapa gaya dengan bootstrap sambil membangun kembali css dari awal
Menemukan ini: https://stackoverflow.com/a/32037542/1280693
Bekerja untuk saya.
Alih-alih melakukan di atas lakukan ini document.getElementsByClassName('.mdl-layout__content')[0].scrollTop
Bekerja untuk saya
Tautan referensi: - https://stackoverflow.com/a/32037542/1280693