I'm menggunakan chrome browser seluler pada galaxy s4, android 4.2.2 dan untuk beberapa alasan setiap kali saya scroll halaman ke bawah, itu kebakaran resize event diverifikasi oleh skala gambar dari jquery.cycle2 slideshow.
Ide mengapa hal ini mungkin terjadi?
Kedengarannya aneh, tetapi saya telah melihatnya di browser lain. Anda dapat bekerja di sekitar ini seperti begitu.
var width = $(window).width(), height = $(window).height();
kemudian di resize event handler yang dapat anda lakukan.
if($(window).width() != width || $(window).height() != height){
//Do something
}
Saya don't mengetahui ruang lingkup dari fungsi anda dan semua itu, tetapi anda harus mendapatkan inti dari ini.
Hanya untuk rasa ingin tahu saya mencoba untuk mereproduksi itu dan jika saya'm benar hal ini disebabkan oleh navigasi chrome bar.
Ketika anda gulir ke bawah dan chrome menyembunyikan browser bar navigasi ini menghasilkan sebuah jendela resize, tapi ini adalah benar, karena setelah itu kita memiliki layar yang lebih besar karena ruang bebas yang browser nav bar telah meninggalkan.
Terkait artcile: https://developers.google.com/web/updates/2016/12/url-bar-resizing
Salam!
Saya don't tahu apakah itu masih menarik, tapi solusi Saya : )
var document_width, document_height;
$(document).ready(function()
{
document_width=$(document).width(); document_height=$(document).height();
// Do something
}
$(window).resize(function()
{
if(document_width!=$(document).width() || document_height!=$(document).height())
{
document_width=$(document).width(); document_height=$(document).height();
// Do something
}
}
Pertanyaan sudah terjawab, tapi karena pertanyaan ini tidak memunculkan pertanyaan dari situs responsif saya ingin menambahkan beberapa informasi tentang itu.
Saya mengalami masalah ini di Chrome pada android ketika mengembangkan sebuah situs web responsif. Ketika mengubah ukuran jendela aku ingin menyembunyikan menu (karena beberapa elemen desain membutuhkan posisi yang tepat) tapi Chrome untuk android perilaku untuk memicu resize event di gulir dibuat yang agak sulit..
Beralih untuk mulai menggunakan onOrientationChange itu bukan pilihan karena ini adalah situs yang responsif, tidak ada perubahan orientasi pada PC desktop, tapi saya masih membutuhkan kode untuk bekerja pada kedua PC biasa:s, tablet dan smartphone.
Aku bisa mulai untuk melakukan browser sniffing ini dan itu tapi saya telah sejauh ini telah mampu menghindari itu..
Saya mencoba untuk menerapkan solusi yang disarankan oleh CWitty tapi karena menggulir ke atas atau bawah pada kenyataannya memicu tinggi-perubahan yang tidak bekerja baik.
Akhirnya saya menambahkan suatu kondisi yang hanya menyembunyikan menu ketika lebar berubah, tidak ketika ketinggian telah berubah. Ini bekerja dalam kasus saya karena saya hanya perlu menulis ulang menu ketika lebar berubah.
Browser di perangkat mobile sering menyembunyikan mereka horisontal atas bar navigasi ketika seseorang gulungan bawah, dan menunjukkan itu lagi ketika bergulir. Perilaku ini mempengaruhi ukuran klien, menembakkan resize event. Anda hanya perlu untuk mengontrol tidak mengeksekusi kode anda karena perubahan ketinggian atau, setidaknya, karena yang mengubah ketinggian.
Ini adalah duplikat dari Javascript resize event di gulir mobile
Dalam rangka untuk memperbaikinya, gunakan onOrientationChange dan jendela.orientasi properti. Lihat terkait jawaban: di sini
Ternyata ada banyak hal yang dapat api resize
di berbagai browser mobile.
Aku tahu itu's tidak ideal untuk link ke sumber eksternal, tapi QuirksMode telah dibaca meja yang saya don't ingin menduplikasi (atau mempertahankan) di sini: http://www.quirksmode.org/dom/events/resize_mobile.html
Hanya untuk memberikan contoh, salah satu yang membuat kita: ternyata di banyak browser, membuka keyboard lunak kebakaran acara.