Przesunięcie paska przewijania przeglądarki

Gdy przejdziesz do strony w mojej witrynie, na której znajduje się dodatkowa treść, pasek przewijania pojawi się po prawej stronie, ale ma on zauważalne przesunięcie w lewo dla mojej zawartości. Zauważysz to, klikając dom, a następnie hosting iz powrotem na mojej stronie (www.ipalaces.org)Przesunięcie paska przewijania przeglądarki

Jak mogę uwzględnić pasek przewijania przeglądarki na moich stronach? Czy mogę zrobić tak, aby pasek przewijania był zawsze widoczny?

Moja strona internetowa to www.ipalaces.org, proszę dać mi znać.

Źródło

2009-07-29 ParoX

Dla osób próbujących odtworzyć, może być konieczne zmniejszenie rozmiaru okna. – waiwai933

Działa dobrze dla mnie w IE8. O której przeglądarce mówimy? – Joey

Wszystkie przeglądarki, używam rozdzielczości 1360 x 768, 720P na moim telewizorze HD, więc może twoja rozdzielczość jest wyższa, co pozwala zobaczyć pełną zawartość, jeśli tak jest, spróbuj tutaj http://www.ipalaces.org/hosting/ domains.html, a następnie kliknij dom, aby zauważyć różnicę. – ParoX

Zwiększ swoje ciało o 101% ... spowoduje to, że pasek przewijania będzie zawsze widoczny.

body {height:101%}

Źródło

2009-07-29 23:59:16

To działa dobrze, ale istnieje irytujące przesunięcie w dół o 1 piksel. Czy nie ma sposobu, aby wszystkie przeglądarki wyświetlały pasek przewijania, ale mają go wyłączone, jeśli nie jest potrzebne. Podobnie jak -moz-scrollbars-vertical; ale bardziej uniwersalny – ParoX

html, body {height: 100%; margin-bottom: 1px;} Wydaje się, że zmniejszyliśmy różnicę, ale nadal istnieje irytująca luka. – ParoX

Cóż, to zależy od przeglądarki.

body { 

overflow-y: scroll; 
overflow-x: scroll; 
overflow: -moz-scrollbars-vertical; 

}

powinien ograniczać poziomy (overflow-x) i pionowe paski przewijania (overflow-y) mają być wyświetlane. Chociaż przypominam sobie, że Opera czasami nie respektuje deklaracji, chyba że znajduje się na elemencie wewnątrz <body> (divy i tym podobne).

Zmieniano w odniesieniu do @ wsanville-tych, i @ BHare, w komentarzu.

Źródło

2009-07-29 22:46:17

Pozostawia to paskudny podwójny pasek przewijania, kiedy jest potrzebny. – ParoX

Zdefiniuj "podwójny pasek przewijania". Dwa paski przewijania razem na każdej osi? –

Nie powinieneś stosować właściwości przepełnienia do 'html' i' body' w przeciwnym razie będziesz miał dwa paski przewijania! Fuj! – wsanville

Spróbuj ... Wiem, że to brzydkie, ale to może być jedyna droga.

#force_scroll { 
    width: 1em; 
    position: absolute; 
    top: 0; 
    bottom: -0.1px; 
    z-index: -1; 
}

A potem gdzieś w kodzie HTML (najlepiej tuż przed swoimi </body>):

<div id="force_scroll"></div>

Źródło

2009-07-30 20:11:06

Przed moim co? To również nie działa. – ParoX

-0,1px nie jest prawidłowym pomiarem. Mimo to, używanie -1px lub -0.1em nadal pozostawia taki sam efekt jak margines-bottom: 1px; Strona może wciąż przewijać o 1 piksel w dół. – ParoX

@Brian, zobacz edycję. Oryginalnie '' nie zostało zmienione/oznaczone jako kod. Więc nie było renderowane na stronie. Zdaję sobie sprawę, że prawdopodobnie jest już za późno, by być przydatnym. –

body { 
    overflow: scroll; 
}

miałem ten sam problem nawet z najnowszego Firefoksa (3.5). Funkcja przelewu uratowała mi życie!

Źródło

2009-10-03 09:38:06

Przetestowałem to na IE6, IE7, IE8, Firefox 3 oraz Chrome i prosty sposób mieć pionowy pasek przewijania, zawsze widoczny jest po prostu:

html { overflow-y: scroll; }

Źródło

2010-09-09 14:15:56 wsanville

To wydaje się mniej hackish niż przyznana odpowiedź. http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/ –

To wydaje się doskonale do ja ...

html { 
    overflow-y: scroll; 
}

Źródło

2012-09-02 18:25:55 EdenMachine

Przesunięcie paska przewijania przeglądarki

Odpowiedz

Powiązane problemy