2013-08-04 19 views
7

tra Keeping the Footer Down & Full Browser Width Bars Sono il 90% di dove devo essere.
(per il link "Full Width Browser Bar" Sto usando "timd.mackey" s Solution nella sezione commenti qui sotto)Barra di scorrimento del doppio browser con overflow nascosto

Quindi tutto funziona ottimo, tranne per un questo fastidioso doppia barra di scorrimento. Fare clic sul collegamento sottostante per vedere cosa intendo.

Click this to See my Problem!

di overflow-x: hidden sul corpo sembra essere sia la mia soluzione e il mio problema.

Qualsiasi aiuto sarebbe super cool di te.

Speriamo che questo sia stato Clear.

risposta

14

Prova ad aggiungere:

html { 
    overflow-y: hidden 
} 
+0

Ah perfetto. Lo aggiungevo prima, ma lo aggiungevo a html, body {} – Varazi

+0

Se vuoi impostarlo usando JS, usa document.documentElement per ottenere il riferimento al tag html: https://developer.mozilla.org/en-US/docs/Web/API/Document/documentElement – Corkscreewe

3

Forse troppo pieno-y: hidden sul corpo vi aiutano? o ancora meglio usare solo overflow: nascosto; sul corpo

body { overflow:hidden; } 

A proposito, se si desidera solo per legare piè di pagina in fondo alla pagina, utilizzare il posizionamento assoluto e margin-bottom sul blocco contenitore

CSS

.container { margin-bottom:100px; } 
.footer { height:100px; position:absolute; left:0; bottom:0; } 

HTML

<html> 
    <body> 
    <div class="container"><!-- here's everything except footer --></div> 
    <div class="footer"></div> 
    </body> 
</html> 
+0

body {overflow: hidden; } che ha risolto il mio problema –

4

Un'altra soluzione che potrebbe funzionare (a seconda di cosa stai cercando di ottenere) è l'aggiunta:

body { 
    height: 100vh; 
} 
+0

Grazie, ha funzionato per me –

3

Se il problema è dovuto al html, body { overflow-x: hidden;} Quindi provare a utilizzare html, body{height: 100%;} ha funzionato bene per me.