kann nicht Scrollbar ausblenden, wenn Überlauf mit: auto

Question

Ich habe diese CSS:

.div { 
    background-color: red; 
    position: relative; 
    height: 414px; 
    overflow: auto; 
    width: 902px; 
    margin: 0px auto; 
} 

ich mit overflow-y: hidden; versucht, Scrollbar verschwinden aber Scroll funktioniert nicht. Hoffe du verstehst, was ich will ... sollte ich auch auto oder scroll? Mit Auto sehe ich auch den horizontalen Balken. Hier

ist JSFiddle: http://jsfiddle.net/sp95S/
Dank!

Answer 1

eine innere div erstellen: http://jsfiddle.net/sp95S/1/

.div { 
    background-color: red; 
    position: relative; 
    height: 214px; 
    overflow: hidden; 
    width: 452px; 
    margin: 0px auto; 
} 
#inner{ 
    width: 100%; 
    overflow: auto; 
    height: 100%; 
    padding-right: 15px; 
} 

Answer 2

Wenn Sie die Bildlaufleiste ausblenden möchten, aber Bildlauf beibehalten, können Sie in ein Plugin mit dem Namen slimscroll suchen. Die Bildlaufleiste ist vorhanden, kann jedoch so konfiguriert werden, dass sie nicht mehr angezeigt wird.

http://rocha.la/jQuery-slimScroll

Answer 3

Es scheint, wie Sie ohne die Scrollbar zeigt haben möchten blättern, um die Seite noch.

Dies wurde bereits hier ein paar Mal beantwortet:

• hide scrollbar while still able to scroll with mouse/keyboard
• Hiding the scrollbar on an HTML page

Grundsätzlich können Sie verwenden Javascript (oder jquery, obwohl Sie es nicht unbedingt brauchen) . Auf Webkit-Browser gibt es eine Funktion, um die Bildlaufleisten zu verbergen:

::-webkit-scrollbar { 
display: none; 
} 

aber es wird für Firefox oder Internet Explorer oder Opera nicht.