Bagaimanakah Saya Boleh Melumpuhkan Bar Skrol dengan Berkesan dalam iframe HTML?

Lumpuhkan Bar Tatal dalam iframe HTML

Elemen Iframe menyediakan cara untuk membenamkan kandungan luaran ke dalam halaman web. Walau bagaimanapun, mendayakan penatalan dalam iframe ini boleh mewujudkan kekacauan visual yang tidak diingini. Artikel ini menangani isu melumpuhkan bar skrol semasa menggunakan elemen iframe.

Kod HTML yang disediakan dalam soalan menunjukkan penggunaan iframe, menggunakan atribut HTML dan CSS:

<iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no">

Walaupun telah digunakan daripada menatal="tidak", bar skrol masih muncul. Untuk menyelidiki penyelesaian, adalah penting untuk memahami status atribut penatalan dalam HTML5.

Malangnya, sifat penatalan telah diabaikan daripada spesifikasi HTML5. Walau bagaimanapun, kebanyakan pelayar semasa terus menyokongnya. Sifat limpahan sahaja bukanlah penyelesaian yang berdaya maju dalam HTML5, kerana Firefox adalah satu-satunya penyemak imbas moden yang tersilap menyokongnya.

Penyelesaian praktikal melibatkan menggabungkan kedua-dua pendekatan:

<iframe src="" scrolling="no"></iframe>

iframe {
  overflow: hidden;
}

Penyelesaian ini mungkin menjadi usang apabila pelayar berkembang. Untuk penyelesaian yang lebih komprehensif menggunakan JavaScript, rujuk pautan yang disediakan dalam jawapan yang diterima.

Edit: Mengikut ujian, tetapan scrolling="no" secara berkesan melumpuhkan bar skrol dalam IE10, Chrome 25 , dan Opera 12.12.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melumpuhkan Bar Skrol dengan Berkesan dalam iframe HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!