Utrzymywanie strony internetowej wyśrodkowanej, gdy pasek przewijania przeglądarki pojawia się i znika

Question

Bardzo podstawowe pytanie, które myślę. Mam stronę internetową, na której niektóre strony prawdopodobnie mieszczą się w widocznym pionowym obszarze przeglądarki, a inne nie (wiele stron musi tak wyglądać).

Gdy użytkownicy przeglądają strony w przeglądarce na komputerze, pionowy pasek przewijania pojawia się i znika, w zależności od strony. Problem polega na tym, że ładnie wyśrodkowana strona przesuwa się dalej o szerokość paska przewijania, gdy użytkownik wybierze tylko jedno łącze nawigacyjne - jaki jest najprostszy sposób, aby temu zapobiec, nie czyniąc wszystkich moich stron internetowych taką samą wysokością?

Druga część - dlaczego przeglądarka na komputer nie tylko rezerwuje pionowy pasek przewijania, czy może istnieje sposób na ich wymuszenie?

Answer 1

Ten to (nie działa w IE6):

body { overflow-y: scroll; } 

Jeśli chcemy także, aby zawsze pokazać poziomego paska przewijania, użyj tego:

body { overflow: scroll; } 

Answer 2

Co do drugiego pytania , nie wszystkie witryny są wykonane ze środkowych stron o stałej szerokości, nawet jeśli stały się bardzo powszechne. Nawet w tym przypadku musisz mieć strony o bardzo różnych długościach od kliknięcia do kliknięcia, aby być rozdrażnionym tą zmianą (BTW przesuwa się o pół szerokość paska przewijania;) o 8px na WinXP z klasycznym motywem Win2k) .

• Na początku nie było stron HTML bez CSS: wyrównany do lewej (lub prawej wyrównane w językach hebrajskim i arabskim)
• Potem przyszedł stopniowo tabele HTML na 14" CRT: każdy piksel był cenny (pełna! szerokość ponieważ 640kB wystarczy kilka wyobrazić, jak byłby wyświetlany na 17 "lub 21" CRT)
• Następnie przyszedł stałych tabelach lub divs o stałej szerokości: piksele były nadal cenne na wyświetlaczach 1024px. Z wysokościami < 768px, najbardziej strony miały zakładkę (lub były wykonane z Flash).
• Teraz przychodzi CSS3 Media Queries, wyświetla z szerokość od 320 do 2560px (na monitor!), stopniowe ulepszanie lub pełna wdzięku degradacja.
• Strony takie jak strona główna Google lub aplikacje internetowe są powszechne: nie ma tam potrzeby pionowego paska przewijania!

Powodzenia z tym ustanowić regułę jeśli sprzedawca przeglądarka, szczególnie biorąc pod uwagę niedawne znikają z menu, barów, itp na Chrome i Firefox, a może inne przeglądarki, które mogą wskazywać, że sprzedawcy są prostopadłym cel pełnoekranowego wyświetlania (po prostu wciskam klawisz F11, jeśli chcę i chcę cofnąć mój pasek adresu, ale to już inna historia :)) i prawdopodobnie będą niechętnie "tracić" 20 pikseli w poziomie.

Na marginesie, być może twórca tej witryny jest najbardziej zirytowany tym przesunięciem w poziomie, ponieważ witryna jest wyświetlana przez cały dzień przed oczami i jest przyzwyczajona do klikania właśnie w tym i tym miejscu. obszary, nawet o tym nie myśląc: znasz swoją stronę jak nikt inny!
To nie będzie miało miejsca dla twoich gości, tylko nieliczni zobaczą to ponad dwa razy i musisz być biegły w sieci, aby wiedzieć, skąd pochodzi ta zjawisko, w przeciwnym razie jest to po prostu niewielka irytacja jak na kilku innych stronach odwiedzili.I masz do rozważenia, co może być najbardziej irytujące dla zwiedzających:

• wyświetlanie paska przewijania, który wskazuje na pierwszy rzut oka, że ​​muszą przewijania (przed widzą na drugi rzut oka, że ​​to pionowy pasek przewijania jest wyłączony tak w rzeczywistości nie ma przewijanie)
• 10px przesunięcie w poziomie od czasu do czasu