2012-09-25 22 views
28

Powiel możliwe:
How to always show scrollbar in browser using javascript?Zawsze pokazuj pasek przewijania przeglądarki, aby zapobiec strony skoki

Niektóre strony muszę mieć dużo treści innych stron mają kilka linii, więc kiedy jestem kliknięciu między strony niektóre strony mają pasek przewijania w przeglądarkach, a inne nie. Z tego powodu strona przeskakuje cały czas ze względu na dodatkowe miejsce podczas klikania między stronami.

Czy jest możliwe, aby pasek przewijania był cały czas widoczny lub wyszarzony, jeśli nie ma zbyt wiele treści, aby zatrzymać przeskakiwanie stron?

Czy to działa we wszystkich przeglądarkach, nadzieję, że ktoś może pomóc,

Cheers

+0

Czy obejrzałeś http://stackoverflow.com/questions/4050076/how-to-always-show-scrollbar-in-browser-using-javascript? Jest to dość powszechne podejście (i zaakceptowana odpowiedź w rzeczywistości nie używa javascript :-) – dash

+0

Co ciekawe, problem "skoku" nie istnieje w IE11. Wygląda na to, że IE11 przesuwa pasek przewijania nad treścią, więc nie zmienia się szerokość i nie przeskakuje. –

Odpowiedz

53

Spróbuj przeczytaniu tego article Chris Coyer, wyjaśnia to całkiem dobrze.

Z artykułu:

Przypisywanie overflow-y do przewijania działa, i to działa w Firefox, Safari i IE 6, a to sprawia, że ​​najlepsze rozwiązanie:

html { 
    overflow-y: scroll; 
} 
+5

Zaktualizowałem twoją odpowiedź, aby dołączyć odpowiednią sekcję z połączonego artykułu; pamiętaj, że nie ma gwarancji, że to, co łączysz dzisiaj, będzie jutro! – dash

+0

Dziękuję Dash, będę o tym pamiętać –

+1

Aby uniknąć podwójnych pasków przewijania, zdecydowanie zalecam użycie 'body {overflow-y: scroll; } 'zamiast tego. – niry

12
html { 
    overflow-y: scroll; 
} 

To najlepsze rozwiązanie.

+3

Niezupełnie najlepsze rozwiązanie. To prawda, że ​​znacznik 'html' zawiera' body', ale także 'head', gdzie CSS nie ma sensu. Lepiej jest zdefiniować właściwość na poziomie 'body'. – stevenvh

+1

Przepełnienie na poziomie ciała spowoduje podwójny pasek przewijania w niektórych przeglądarkach (IE6). – Salketer

+4

IE6, są tylko 2 osoby, które nadal używają tego, prawda? – stevenvh

Powiązane problemy