cari

Rumah >hujung hadapan web >tutorial css >Bagaimana untuk melumpuhkan bar skrol kiri dan kanan halaman dalam css

Bagaimana untuk melumpuhkan bar skrol kiri dan kanan halaman dalam css

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBasal
2021-12-02 16:37:526697semak imbas

Dalam CSS, anda boleh menggunakan atribut "overflow-x" untuk melumpuhkan bar skrol kiri dan kanan halaman Apabila nilai atribut ini "tersembunyi", anda boleh menyembunyikan kandungan elemen di luar tepi kiri dan kanan, dengan itu melumpuhkannya Paparan bar skrol di sebelah kiri dan kanan halaman;

Bagaimana untuk melumpuhkan bar skrol kiri dan kanan halaman dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Cara untuk melumpuhkan bar skrol kiri dan kanan halaman dalam css

Kita boleh menggunakan atribut overflow-x untuk menyembunyikan kandungan yang melebihi lebar kiri dan kanan halaman Dengan cara ini, bar skrol kiri dan kanan tidak akan muncul pada halaman.

Contohnya adalah seperti berikut: 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    body{
        overflow-x:hidden;
    }
    </style>
</head>
<body>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</body>
</html>

Jika gaya limpahan-x:hidden tidak ditambahkan pada elemen badan, hasil output adalah seperti berikut:

Bagaimana untuk melumpuhkan bar skrol kiri dan kanan halaman dalam css

Hasil output contoh di atas adalah seperti berikut:

Bagaimana untuk melumpuhkan bar skrol kiri dan kanan halaman dalam css

(Mempelajari perkongsian video: tutorial video css )

Atas ialah kandungan terperinci Bagaimana untuk melumpuhkan bar skrol kiri dan kanan halaman dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
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
Artikel sebelumnya：Bagaimana untuk memaparkan imej latar belakang sepenuhnya dalam cssArtikel seterusnya：Bagaimana untuk memaparkan imej latar belakang sepenuhnya dalam css

Artikel berkaitan

Lihat lagi