Autor Zpráva
Paršík
Profil *
ahoj, prosil bych o pomoc při úpravě následujícího kódu, rád bych aby k případné změně výšky došlo hned napoprvé při načtění stránky a pak už jen pokud by uživatel změnil orientaci zařízení, v jQuery jsem ale začátečník a nedaří se mi najít jestli existuje něco jako hodnota orientation atd

díky předem za váš čas :-)

    <script>
        $(window).resize(function(){
            var windowHeight = window.innerHeight ? window.innerHeight : $(window).height();
            $('#header').css('height',windowHeight + 'px');
        }).resize();
    </script>
Štriky
Profil *
Existuje toto:

<script>
    window.addEventListener("orientationchange", function(e) {
        ...
    });
</script>
Keeehi
Profil
A co CSS?
#header {
    height: 100vh;
}
Což nemá ještě úplně nejrozšířenější podporu. Při vhodně navrženém HTML by ale šlo použít
#header {
    height: 100%;
}
s výbornou podporou.
Žádný JS není potřeba.
Paršík
Profil *
Štriky,

děkuju za tip, zkusím se s tím poprat

Keeehi,

tohle zní zajímavě, kde se to jen trochu dá se snažím použítí JS vyhnout - co konkrétně myslíš pod tím vhodně navrženým HTML?
Z toho co jsem si načetl o vh asi ještě není jeho použití na místě, ale o té variantě s procenty bych rád věděl více.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: