Ukryj pasek przewijania, ale zachowaj możliwość przewijania za pomocą natywnego stylu.

Question

Szukałem odpowiedzi na to pytanie i natknąłem się na hide scrollbar while still able to scroll with mouse/keyboard, ale wtyczka jQuery nie wykonuje dokładnie tego, co chcę zrobić. Po pierwsze, przewijanie wydaje się nieco niechlujne i niekontrolowane. Powód, dla którego tego potrzebuję, jest prosty: moja strona jest trochę dłuższa, gdy rozwijasz niektóre elementy, a pasek przewijania pojawia się z boku i powoduje, że wszystko przesuwa się w lewo. Chciałbym mieć sposób na uniknięcie tego, albo będąc w stanie utrzymać pasek przewijania przez cały czas widoczny, albo ukrywając go całkowicie, ale nadal zachowując wrodzoną zdolność przewijania.

Oto przykład tego, co mam na myśli: http://screencast.com/t/Roi3HJtHyH po kliknięciu długiego wpisu zawartość przesuwa się w lewo, a efekt ten wygląda trochę brzydko.

Answer 1

Jest to standardowe zachowanie przeglądarki.

Odejmowanie paska przewijania zmniejsza łatwość obsługi.

---

Możesz ustawić pasek przewijania, aby cały czas był widoczny za pomocą css.

CSS:

body { 
    overflow-y: scroll; 
} 

Answer 2

Jeśli naprawdę chcesz wyłączyć przewijanie (W ramek, najgorsze możliwe miejsce do przewijania), a następnie użyj scrolling = no.

Answer 3

Tylko dla kompletności, aby odpowiedzieć na twoje pytanie, oto the scrollable page without scrollbar.

Należy zauważyć, że nie jest to preferowane, a także wymusiłbym przewijanie paska, ponieważ Lobello już odpowiedział.

Answer 4

Działa to dla mnie:

body{ 
     overflow:hidden; 
    }