•  05-07-2019
  •  | 
  •  

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.

Foi útil?

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>
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top