Contoh Skrip Dari Coding Foundation Untuk Mendeteksi Orientasi Layar

Mendeteksi Orientasi Layar

Sebuah elemen dapat ditampilkan atau disembunyikan berdasarkan orientasi layar landscape atau portrait. Untuk menyembunyikan atau menampilkan elemen pada layar landscape gunakan class .hide-for-landscape atau .show-for-landscape. Sedangkan class yang digunakan untuk menyembunyikan atau menampilkan elemen pada layar portrait yaitu .hide-for-portrait dan .show-for-portrait.

Skrip orientation detection.html

<p class="panel">

        <strong class="show-for-landscape">Tampilkan pada layar

                        landscape.</strong>

        <strong class="show-for-portrait"> Tampilkan pada layar

                        portrait .</strong>

        <strong class="hide-for-landscape">Sembunyikan pada layar

                        landscape.</strong>

        <strong class="hide-for-portrait"> Sembunyikan pada layar

                        portrait .</strong>

</p>

Baca Juga: Cara Menyesuaikan Layar Ukuran Di Foundation!

Perhatikan pada skrip di atas, elemen yang diberi class .show-for-portrait dan .hide-for-landscape disembunyikan dan akan ditampilkan saat orientasi layar berubah jadi portrait.

Share :