Bagaimana untuk Menyembunyikan Bar Skrol dalam Firefox Semasa Memelihara Kebolehskrolan?

Menyembunyikan Bar Skrol Semasa Memelihara Kebolehskrol dalam Firefox

Pengenalan:

Apabila mencipta div yang membenarkan penatalan tanpa memaparkan bar skrol, penyelesaian biasa untuk penyemak imbas Webkit adalah dengan menggunakan sifat CSS khusus untuk enjin pemaparan tersebut. Walau bagaimanapun, kaedah ini tidak berfungsi dalam pelayar lain, seperti Firefox. Artikel ini meneroka pendekatan alternatif untuk menyembunyikan bar skrol dalam Firefox sambil mengekalkan kebolehscrollan.

Penyelesaian Firefox:

Untuk mencapai kesan yang diingini dalam Firefox, bungkus div boleh tatal anda dalam yang lain div yang mempunyai sifat "limpahan" ditetapkan kepada "tersembunyi". Div induk ini secara berkesan akan menyembunyikan bar skrol anak div sambil masih membenarkan pengguna menatal kandungannya.

Contoh teknik ini boleh dilihat dalam coretan kod berikut:

<div style="overflow: hidden;">
  <div style="overflow-x: scroll;">
    <!-- Scrollable content -->
  </div>
</div>

Pendekatan ini juga digunakan oleh pemalam jQuery "jScrollPane", yang menyediakan cara yang mudah untuk melaksanakannya dengan satu baris kod.

Atas ialah kandungan terperinci Bagaimana untuk Menyembunyikan Bar Skrol dalam Firefox Semasa Memelihara Kebolehskrolan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!