2015-02-09 11 views
35

Chciałbym całkowicie wyłączyć przewijanie na HTML body. Próbowałem następujące opcje:HTML, CSS - Wyłącz przewijanie na ciele

  • overflow: hidden; (nie pracuje, nie wyłączyć przewijanie, to po prostu ukrył pasek przewijania)

  • position: fixed; (to działało, ale to przewijane całkowicie do góry, co jest niedopuszczalne dla tej konkretnej aplikacji)

Nie znalazłem żadnej alternatywy dla tych dwóch opcji, czy są jeszcze jakieś?

+2

dla którego elementu zastosowałeś przepełnienie: ukryty? –

+0

Co dokładnie próbujesz osiągnąć? Jaki jest twój cel końcowy? – jbutler483

+1

Po wyświetleniu odpowiedniego kodu ułatwi Ci to pomoc. –

Odpowiedz

4

HTML CSS działa dobrze, jeśli tag ciało robi nic nie można napisać, jak również

<body scroll="no" style="overflow: hidden"> 

W tym przypadku najechania powinny być na body tag, łatwiej kontrolować, ale czasami daje bóle głowy.

+0

Lalo

+0

To nie jest prawidłowe HTML5 – mbomb007

2

Ten post był pomocny, ale po prostu chciałem podzielić lekką alternatywę, które mogą pomóc innym:

Ustawianie max-height zamiast height robi również sprawę. W moim przypadku wyłączam przewijanie na podstawie przełączania klas. Ustawienie, gdy wysokość kontenera jest mniejsza niż wysokość widoku, spowoduje rozciągnięcie kontenera, co nie byłoby tym, czego potrzebujesz. Ustawienie tego powoduje, ale jeśli wysokość kontenera jest większa niż rzutnia po zmianie zawartości, nadal wyłącza przewijanie.

Powiązane problemy