hide scrollbar, wenn nicht scrollen

Ich würde gerne ausblenden der scrollbar, wenn der Benutzer nicht scrollen, das heißt, wenn der Benutzer scrollt, wird die Bildlaufleiste angezeigt werden sollte (nur die scrollbar nicht dem scroll-track), während, wenn der Benutzer nicht scrollen, es sollte verschwinden. Ich Art hatte, dass Sie setup für eine lange Zeit, aber als ich einige änderungen an meiner Seite und nun ist die Seite zeigt immer die scrollbar (wenn es mehr Inhalt als eine Seite umfassen kann). Ich weiß leider nicht, was ich Tat, um diese Funktion Weg gehen? Ich spielte mit overflow im css, aber das overflow: hidden entfernt nur alle Scroll-Möglichkeiten. Hier ist ein Turnschuh, das zeigt mein Aktuelles setup

https://jsfiddle.net/jsmnsLm7/ (bitte machen Sie die Fenster groß, so dass Sie sehen können, alle Funktionen meiner navbar-setup)

wie Sie sehen können, ich benutze 

overflow: hidden

in den Körper und 

overflow: scroll

in der Hauptsache.
vielen Dank für Eure Hilfe
carl

  • verwenden overflow:auto ?
  • hi mguijarr... overflow:auto; entfernt nur die scrollbar, wenn es keine Notwendigkeit für eine scrollbar und es zeigt eine scrollbar, wenn es erforderlich ist... das ist nicht ganz das, was ich will.
  • So ähnlich mag das overkill sein, aber areaaperta.com/nicescroll
  • Hi Grdaneault, vielen Dank für den Hinweis. Ich habe irgendwie gehofft, dass es eine sehr einfache css-Lösung, da hatte ich das setup vor... aber wenn das nicht der Fall, ich möchte die jquery-Lösung, die Sie wies darauf hin, versuchen
  • Ich glaube nicht, dass es css Lösung für dieses, müssen Sie auf jeden Fall benutzerdefinierte plugin wie jquery plugins sscrollbar
  • hm, wie ich traurig hatte ich das vor der Arbeit? Ohne jquery...

InformationsquelleAutor carl | 2015-07-19
  1. 12

    versuchen Sie folgenden css:

    overflow:auto;

    Es funktionierte für mich 🙂

    • Diese haben es geschafft! Danke Sandeep.
    InformationsquelleAutor Sandeep Ghosh
  2. 3

    Dies zu tun, was Sie suchen
    http://rocha.la/jQuery-slimScroll

    Oder Sie könnte nur zeigen Sie die Bildlaufleiste, wenn Sie die Maus über den Bereich, der mit CSS nur;
    Dieser arbeitete für mich;

    <style>
#ID {
  overflow-y: hidden;
}
</style>
#ID:hover, #ID:active, #ID:focus {
  overflow-y: auto;
}
</style>

<div class="ID"></div>
    InformationsquelleAutor Dylan Hamilton-Foster
  3. 0

    Gibt es nicht eine Möglichkeit, dies zu tun außerhalb einer scripting languege, soweit ich weiß, aber die JavaScript, die Sie für das ist super einfach.

    Beginnen mit einem CSS-Stil der:

    #ID {
overflow: hidden
}

    Dann in dein div im HTML verwenden Sie diesen Befehl,

    <div id="ID" onmouseover="this.style.overflow='scroll'"
onmouseout="this.style.overflow='hidden'"

    dadurch wird die scroll-Taste angezeigt, wenn der Benutzer mit der Maus über das div, aber dann wieder verschwinden, wenn der Benutzer mit der Maus Weg von den div.

    • erwähnenswert ist, dass dies das scrollen nicht funktioniert auf touch-screen-Geräte
    InformationsquelleAutor Chris
Schreibe einen Kommentar