Pasek przewijania podwójnej przeglądarki z ukrytym przepełnieniem

Pomiędzy Keeping the Footer Down & Full Browser Width Bars Mam 90% miejsca, w którym muszę być.
(Dla łącza "Pełna przeglądarka szerokości pasków" używam rozwiązania "timd.mackey" w sekcji komentarzy poniżej)Pasek przewijania podwójnej przeglądarki z ukrytym przepełnieniem

Wszystko działa dobrze, z wyjątkiem tego denerwującego paska przewijania. Kliknij link poniżej, aby zobaczyć co mam na myśli.

Click this to See my Problem!

overflow-x: hidden na ciało wydaje się być zarówno moje rozwiązanie i mój problem.

Każda pomoc może być super-cool you.

Mam nadzieję, że to było jasne.

Źródło

2013-08-04 Varazi

spróbuj dodać:

html { 
    overflow-y: hidden 
}

Źródło

2013-08-04 09:48:46

Ahh doskonały. Dodałem go wcześniej, ale dodałem go do html, body {} – Varazi

Jeśli chcesz ustawić go za pomocą JS, użyj document.documentElement, aby uzyskać odniesienie do tagu HTML: https://developer.mozilla.org/en-US/docs/Web/API/Document/documentElement – Corkscreewe

Może overflow-y: ukryty na ciele by Ci pomóc? lub jeszcze lepiej wykorzystaj tylko przepełnienie: ukryte; na ciele

body { overflow:hidden; }

BTW, jeśli chcesz po prostu związać stopkę do dołu strony, użyj pozycjonowanie bezwzględne i margin-bottom na bloku pojemnika

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>

Źródło

2013-08-04 09:49:00

body {overflow: hidden; }, który rozwiązał mój problem –

Innym rozwiązaniem, które może działać (w zależności od tego, co próbujesz osiągnąć) jest dodanie:

body { 
    height: 100vh; 
}

Źródło

2015-06-10 13:23:42

Dzięki, to zadziałało –

Jeśli problem jest spowodowany html, body { overflow-x: hidden;} następnie spróbuj użyć html, body{height: 100%;} to działało w porządku dla mnie.

Źródło

2015-06-20 16:49:51 krsoni

Pasek przewijania podwójnej przeglądarki z ukrytym przepełnieniem

Odpowiedz

Powiązane problemy