Navegador turno Scrollbar
Pergunta
Quando você ir para a página no meu site onde há conteúdo extra, a barra de rolagem aparece à direita, mas tem uma mudança notiable para a esquerda para o meu conteúdo. Você percebe isso clicando casa e, em seguida, hospedagem e de volta no meu site (www.ipalaces.org)
Como posso explicar a barra de rolagem do navegador em minhas páginas? Posso fazê-lo assim a barra de rolagem é sempre pelo menos visível?
Meu site é www.ipalaces.org , por favor me avise.
Solução
Faça o seu corpo 101% de altura ... isso vai forçar a barra de rolagem para sempre aparecem.
body {height:101%}
Outras dicas
Bem, isso depende do navegador.
body {
overflow-y: scroll;
overflow-x: scroll;
overflow: -moz-scrollbars-vertical;
}
Se forçar a horizontal (overflow-x
) e barras de rolagem verticais (overflow-y
) a ser exibido. Embora eu me lembro que o Opera, por vezes, não respeita a declaração, a menos que seja em um elemento dentro do <body>
(divs e similares).
Editado em relação a @ wsanville de, e de @ BHare, comentário.
Eu testei isso no IE6, IE7, IE8, Firefox 3, e Chrome, e a maneira simples de ter uma barra de rolagem vertical sempre visível é simplesmente:
html { overflow-y: scroll; }
body {
overflow: scroll;
}
Eu tive o mesmo problema com mesmo o mais novo Firefox (3.5). A função estouro salvou a minha vida!
Isto parece um grande trabalho para mim ...
html {
overflow-y: scroll;
}
Tentar dar um presente ... Eu sei que é feio, mas pode ser o único caminho.
#force_scroll {
width: 1em;
position: absolute;
top: 0;
bottom: -0.1px;
z-index: -1;
}
E, em seguida, em seu lugar HTML (de preferência logo antes de sua </body>
):
<div id="force_scroll"></div>