Sådan skjules rullemenuen
- Forrige side Brugerdefineret rulебane
- Næste side Vis/kræv at vise rulебane
Lær, hvordan du bruger CSS til at skjule rullemenuen.
Sådan skjules rullemenuen
Tilføj overflow: hidden;，kan du skjule både den lodrette og vandrette rullemenu.
Eksempel
body {
overflow: hidden; /* Skjul rullemenuer */
}
Hvis du kun vil skjule den lodrette rullemenu eller kun den vandrette rullemenu, brug overflow-y eller overflow-x:
Eksempel
body {
overflow-y: hidden; /* Skjul vandret rullemenu */
overflow-x: hidden; /* Skjul lodret rullemenu */
}
Bemærk venligst,overflow:hidden Vil også fjerne rullemenuens funktion. Kan ikke rulle i siden.
Skjul rullemenuen men bevare funktionen
For at skjule rullemenuen, men stadig kunne fortsætte med at rulle, kan du bruge følgende kode:
Eksempel
/* Skjul rullemenuen for Chrome, Safari og Opera */
.example::-webkit-scrollbar {
display: none;
}
/* Skjul rullemenuen for IE, Edge og Firefox */
.example {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
Webkit-browsere (som Chrome, Safari og Opera) understøtter ikke-standard ::-webkit-scrollbar Pseudo-element, der giver os mulighed for at ændre browserens rullemenuudseende. Understøttet af IE og Edge -ms-overflow-style: Egenskab, understøttet af Firefox scrollbar-width Egenskaber, som giver os mulighed for at skjule rullemenuen, men bevare dens funktion.
Relaterede sider
Tilvejebringe vejledning:CSS overflod
Referencemanual:CSS overflow egenskab
- Forrige side Brugerdefineret rulебane
- Næste side Vis/kræv at vise rulебane
