Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Lumpuhkan Tatal dalam Iframe HTML?

Bagaimanakah Saya Boleh Lumpuhkan Tatal dalam Iframe HTML?

DDD
Lepaskan: 2024-12-14 22:49:10
asal
713 orang telah melayarinya

How Can I Disable Scrolling in HTML Iframes?

Melumpuhkan Tatal dalam HTML Iframes

Apabila membenamkan kandungan luaran ke dalam halaman web menggunakan iframe, anda mungkin perlu melumpuhkan bar tatal yang muncul di tepi iframe. Walaupun atribut penatalan telah dialih keluar daripada spesifikasi HTML5, kebanyakan penyemak imbas terus menyokongnya.

Penyelesaian 1: Menggabungkan Atribut penatalan dan limpahan

Untuk melumpuhkan penatalan dalam HTML5 iframes, anda boleh menggunakan gabungan atribut penatalan dan CSS limpahan property:

<iframe src="" scrolling="no"></iframe>
Salin selepas log masuk
iframe {
  overflow: hidden;
}
Salin selepas log masuk

Walaupun kaedah ini mungkin berfungsi dalam sesetengah penyemak imbas, kaedah ini boleh menjadi usang apabila penyemak imbas dikemas kini.

Penyelesaian 2: Penyelesaian Berasaskan JavaScript

Untuk penyelesaian berasaskan JavaScript yang lebih dipercayai, anda boleh merujuk kepada sumber berikut: http://www.christersvensson.com/html-tool/iframe.htm

Keserasian Penyemak Imbas

Adalah penting untuk ambil perhatian bahawa atribut menatal hanya disokong dalam yang lebih lama penyemak imbas seperti IE10, Chrome 25 dan Opera 12.12. Untuk penyemak imbas yang lebih terkini, sifat limpahan ialah kaedah pilihan untuk melumpuhkan penatalan dalam iframe HTML5.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Lumpuhkan Tatal dalam Iframe HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan