Entfernen Sie die vertikale Bildlaufleiste im Bootstrap Modal Popup

Question

Ich habe ein Bootstrap modales Popup auf meiner Seite. Das Popup ist ein bisschen lang, also fügt html die vertikale Bildlaufleiste hinzu, die mit dem Animationseffekt nicht so gut aussieht.

Also, ich möchte diese Bildlaufleiste entfernen, aber immer noch in der Lage zu scrollen.

Irgendwelche Hilfe?

Answer 1

Es kann Ihnen helfen. den Überlauf Befestigung des Scrollbar versteckt werden entfernen, vollen Inhalt innerhalb der Seite verwenden Überlauf Auto Um Körper

CSS zur modalen:

.modal{ 
    overflow:hidden; 
    } 
    .modal-body{ 
    overflow:auto; 
    } 

Answer 2

.modal Klasse overflow-y: scroll Regel, die immer sichtbar in Scrollbar führt. https://stackoverflow.com/a/18715220/9143855

Answer 3

das, weil Sie Überlauf verwenden: scroll; der Scroll-Wert der Überlauf-Eigenschaft hinzufügen Scroll-Ball-Linie zu beiden Seiten vertikal und horizontal sollten Sie stattdessen Überlauf Auto verwenden, die nur eine Seite hinzufügen wird, für die es am meisten benötigte