CSS for forcing przeglądarki, aby wyświetlić pasek przewijania

Question

Napisałem aplikację internetową i okazało się, że podczas zmiany rozmiaru strony przeglądarka nie wyświetla własnego paska przewijania, gdy okno kurczy się. Zapobiega to dostępowi użytkownika do treści. Ustawiłem szerokość ciała na 500px i ustawiłem navbar na white-space:nowrap. Jak mogę sprawić, by przeglądarka rozpoznała zawartość po prawej stronie ekranu?

Wystarczy, że wyjaśnię, że chcę pasek przewijania przeglądarki, a nie pasek przewijania na dowolnym elemencie sterującym.

Answer 1

Można użyć jednego z następujących zależności od tego, czy chcesz pozioma , pionowe lub oba paski przewijania do dodania:

body {overflow-x:scroll;} 
body {overflow-y:scroll;} 
body {overflow:scroll;} 

Jednak myślę, że jeśli pokaże się zawartość jako ekcja a następnie zrobić

#id-of_your_div {overflow:scroll;} 

Aby dodać zwój do div zamiast zmusić przeglądarkę do pokazania przewijania, wówczas strona zapewni znacznie lepsze doświadczenie użytkownika, ponieważ takie paski przewijania mają ułatwić użytkownikom dostęp.

Answer 2

Możesz ustawić wysokość lub szerokość ciała/elementu na 100,1% w zależności od kierunku i elementu, które chcesz przewijać.

Answer 3

Zamiast bawić się szerokością, użyj kodu, który był przeznaczony do tego celu. Poniższy CSS wymusi pojawienie się paska przewijania niezależnie od tego, czy jest potrzebny, czy nie.

zarówno przewijania barów ...

body { 
    overflow: scroll; 
} 

lub po prostu na poziomym pasku przewijania ...

body { 
    overflow-x: scroll; 
}