Heim > Web-Frontend > CSS-Tutorial > Wie verstecke ich die Bildlaufleiste eines Elements unter Beibehaltung der Funktionalität?

Wie verstecke ich die Bildlaufleiste eines Elements unter Beibehaltung der Funktionalität?

Patricia Arquette
Freigeben: 2024-12-06 21:09:12
Original
597 Leute haben es durchsucht

How to Hide a `` Element's Scrollbar While Maintaining Functionality?

So blenden Sie die vertikale Bildlaufleiste in einem -Element auszublenden. Element mit CSS. Fügen Sie dazu die folgende CSS-Regel zu Ihrem Stylesheet hinzu:

select {
    overflow-y: auto;
}
Nach dem Login kopieren

Dadurch wird die Überlaufeigenschaft auf „Auto“ gesetzt, wodurch die Bildlaufleiste ausgeblendet wird, wenn der Inhalt in die Höhe des Elements passt. Wenn der Inhalt jedoch die Höhe des Elements überschreitet, wird eine Bildlaufleiste angezeigt.

Aufrechterhaltung der Interaktion mit Elementen

Um die Möglichkeit beizubehalten, Elemente aus der Liste auszuwählen und zu verwalten Wenn Sie mit jQuery auf Ereignisse klicken, können Sie weiterhin die Funktion Element, das eine Funktion ausführt, wenn eine