HTML/CSS: Pasek przewijania pojawia się poniżej elementów HTML

Question

W Chrome i Safari, pionowy pasek przewijania pojawia się poniżej treści HTML na stronie, tak jak poniżej:

I bawił ::-webkit-scrollbar, ale najbliżej Mogłem dostać to zmienić szerokość paska przewijania na 0px. Element div tej sekcji to:

.displayContent { min-width:620px; width:100%; height:auto; overflow:hidden; } 

Zjawisko to występuje w przeglądarce Safari (ale nie w przeglądarce mobilnej na iOS) i w przeglądarce Chrome. Firefox jest w porządku. Próbowałem także manipulować przepełnieniem, ale nie mogłem uzyskać pożądanych wyników.

Sugestie?

Answer 1

Spróbuj tego -

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

Answer 2

miał podobny problem.

Problem jest w html {}

Jeśli używasz coś takiego

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

niż efekt nakładki przewijania apears. Usuń przepełnienie stylu HTML i umieść go w stylizacji ciała. Powinno działać.