javascript resize event on scroll-mobile

Próbuję zrobić stronę internetową na komórkę. Mam przypisane Zdarzenie "resize" na oknie, które powinno zmienić elementy, gdy urządzenie mobilne się obraca(portret krajobraz). Na iPhone i Samsung Galaxy SII, zdarzenie jest uruchamiane, gdy przewijam stronę w dół, a to nie jest dobre.

Jakieś sugestie?

Author: gabitzish, 2012-02-20
Source

2 answers

Użyj zdarzenia onOrientationChange i właściwości window.orientation.

Zobacz też tę odpowiedź .

Tutaj link do strony testowej .

 7
Author: scessor,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-23 12:32:04

Buforuj szerokość viewportu i po zmianie rozmiaru zwracaj false, jeśli szerokość jest nadal taka sama.

Mały fragment jQuery: 

    var cachedWidth = $(window).width();
    $(window).resize(function(){
        var newWidth = $(window).width();
        if(newWidth !== cachedWidth){
            //DO RESIZE HERE
            cachedWidth = newWidth;
        }
    });
 42
Author: sidonaldson,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-07-18 11:39:52