2017-03-22 3 views
-1

Ich benutze Bootstrap thumbnail und ich frage mich, wie Scrollbar in div zu entfernen oder zu verbergen? Ich habe nach ähnlichen/gleichen Fragen gesucht. Ich habe versucht, Überlauf: auto; und Überlauf: versteckt. Die Leiste wird immer noch auf der Bildlaufleiste angezeigt. Ich fragte mich auch, ob es einen Weg gibt, der Bar etwas Stil hinzuzufügen (etwas einfaches wie die Hintergrundfarbenänderung)?Bootstrap verstecken/entfernen Bildlaufleiste

enter image description here

+2

Geben Sie den Code ein, den Sie dafür haben. – mlegg

+0

Vielleicht könnte Ihnen das helfen: http://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-beliebt-zu-scrollen – exoslav

Antwort

0

Sie können nicht die Scrollbar verstecken, aber immer noch das Element scrollbaren. Du musst etwas haben. Von einem UX-Standpunkt aus sollte es offensichtlich sein, dass es da ist und scrollbar ist.

Sie können das Aussehen der Bildlaufleiste jedoch mithilfe von CSS ändern, es ist jedoch experimentell und wird nur in Webkit-Browsern wie Chrome unterstützt.

Article about it here auf CSS-Tricks. Aus dem Artikel entnommen ...

::-webkit-scrollbar    {} 
::-webkit-scrollbar-button  {} 
::-webkit-scrollbar-track  {} 
::-webkit-scrollbar-track-piece {} 
::-webkit-scrollbar-thumb  {} 
::-webkit-scrollbar-corner  {} 
::-webkit-resizer    {} 

Oder Sie könnten stattdessen ein jQuery-Plugin verwenden. This seems to be a popular one. Das macht die Bildlaufleiste stylefähiger mit besserer CSS-Unterstützung, benötigt aber offensichtlich jQuery und ein Plugin dafür.

Verwandte Themen