Bagaimana untuk Menghalang Bar Alamat daripada Bersembunyi dalam Penyemak Imbas Mudah Alih?

Halang Alamat-Bar Bersembunyi dalam Penyemak Imbas Mudah Alih

Pembangun sering menghadapi isu bar alamat bersembunyi secara automatik apabila menatal ke bawah tapak web, walaupun elemen yang tidak melebihi ketinggian tingkap. Ini boleh menyebabkan peristiwa yang tidak diingini mencetuskan dan mengganggu kotak kandungan tertentu.

Untuk menghalang mekanisme penyembunyian automatik bar alamat ini, penyelesaian yang melibatkan sifat CSS boleh dilaksanakan:

<code class="css">html {
  background-color: red;
  overflow: hidden;
  width: 100%;
}

body {
  height: 100%;
  position: fixed;
  background-color: lightgreen;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}</code>

Ini pendekatan menetapkan elemen html untuk mempunyai limpahan tersembunyi dan lebar tetap. Elemen badan kemudiannya diletakkan tetap dan menatal menegak didayakan. Untuk mengoptimumkan pengalaman menatal pada peranti iOS, sifat -webkit-overflow-scrolling ditetapkan untuk disentuh.

Dengan melaksanakan penyelesaian CSS ini, bar alamat akan kekal kelihatan pada setiap masa, menghalangnya daripada bersembunyi secara automatik apabila menatal ke bawah tapak web dengan reka letak mendatar.

Atas ialah kandungan terperinci Bagaimana untuk Menghalang Bar Alamat daripada Bersembunyi dalam Penyemak Imbas Mudah Alih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!