Po ustawieniu overflow: scroll
otrzymuję poziome i pionowe paski przewijania.
Czy istnieje sposób na usunięcie poziomego paska przewijania w elemencie DIV?
Po ustawieniu overflow: scroll
otrzymuję poziome i pionowe paski przewijania.
Czy istnieje sposób na usunięcie poziomego paska przewijania w elemencie DIV?
overflow-x: hidden;
Nie zapomnij napisać
overflow-x: hidden;
Kod powinien być:
źródło
W
overflow-y: scroll
przypadku pionowego paska przewijania będzie zawsze, nawet jeśli nie jest potrzebny. Jeśli chcesz, aby pasek przewijania y był widoczny tylko wtedy, gdy jest potrzebny, zauważyłem, że to działa:źródło
CSS
Zobacz to na jsFiddle .
Zauważ, że jeśli usuniesz
-y
zoverflow-y
właściwości, pojawi się poziomy pasek przewijania.źródło
Dodaj ten kod do swojego CSS. Spowoduje to wyłączenie poziomego paska przewijania.
źródło
Bez przewijania (bez określenia x lub y):
Usuń przewijanie poziome:
Usuń przewijanie pionowe:
źródło
Aby ukryć poziomy pasek przewijania, możemy po prostu wybrać pasek przewijania wymaganego div i ustawić go na
display: none;
Należy zauważyć, że będzie to działać tylko w przeglądarkach opartych na WebKit (takich jak Chrome), ponieważ nie ma takiej opcji dla Mozilli.
Aby wybrać pasek przewijania, użyj
::-webkit-scrollbar
Tak więc ostateczny kod będzie wyglądał następująco:
źródło
Aby usunąć poziomy pasek przewijania, użyj następującego kodu. Działa w 100%.
źródło
Jeśli nie masz nic wylewającego się w poziomie, możesz po prostu użyć
i pokaże paski przewijania tylko w razie potrzeby.
Zobacz Właściwość CSS Overflow
źródło
Posługiwać się:
Spowoduje to wyświetlenie pionowego paska przewijania i tylko w przypadku przepełnienia w pionie, w przeciwnym razie zostanie ukryty.
Jeśli masz przepełnienie zarówno x, jak i y, zostaną wyświetlone paski przewijania x i y.
Aby ukryć pasek przewijania x (poziomy), nawet jeśli jest obecny, po prostu dodaj:
źródło
Aby ukryć
scrollbar
, ale zachowaj zachowanie.Istnieją ograniczenia.
źródło
Użyj tego fragmentu kodu.
źródło
Miałem problemy, gdy używałem
Ale wiedziałem, że CSS nie lubił tego i nie działał w 100% tak, jak bym chciał.
Jest to jednak idealne rozwiązanie, ponieważ żadna z moich treści nie powinna być większa niż zamierzona, a to rozwiązało problem, który miałem.
źródło