Jak zapobiec "odskakiwaniu" białego miejsca po przewinięciu do góry strony i dołu

Wiele stron internetowych ma to, że jeśli przewiniesz do samego końca, otrzymasz efekt "odskoku", tak jakby strona odbiła się w górnej części okna przeglądarki, odsłaniając białe spacje w górnej części okna.Jak zapobiec "odskakiwaniu" białego miejsca po przewinięciu do góry strony i dołu

Ta sama sytuacja, jeśli przewiniesz w dół, otrzymasz dokładnie taki sam efekt "odbijania".

Odbicie to może wyglądać bardzo brzydko, jeśli nagłówek i stopka mają kolor tła.

Jak pozbyć się tego efektu?

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>JS Bin</title> 
</head> 
<body> 

    <header></header> 

    <div></div> 

    <footer></footer> 

</body> 
</html>

CSS

header { 
    width: 100%; 
    background-color: tomato; 
    height: 140px; 
} 

div { 
    height: 1000px; 
} 

footer { 
    width: 100%; 
    background-color: brown; 
    height: 140px; 
}

Źródło

2015-09-10 Eli Tamosauskas

Podobny problem sprawdziło się u mnie.

html { 
    overflow: hidden; 
    height: 100%; 
} 

body { 
    height: 100%; 
    overflow: auto; 
}

Źródło

2015-09-10 11:47:13

To działało idealnie dla mnie. Oznaczanie jako poprawna odpowiedź. –

Cieszę się, że ci pomogło. –

Można usunąć ten efekt stosując następujące style:

body { 
 
    height: 100%; 
 
    width: 100%; 
 
    overflow: auto; 
 
}

ten sposób zawartość tylko w tobie ciało wystawił na zwój -zdolny.

Źródło

2015-09-10 11:43:21 WisdmLabs

To nie zadziałało z jakiegoś powodu. Jednak poniżej brzmiała odpowiedź, oznaczająca go jako poprawną. –

Jak zapobiec "odskakiwaniu" białego miejsca po przewinięciu do góry strony i dołu

Odpowiedz

Powiązane problemy