Paski przewijania służą do zmiany pozycji treści wyświetlanej w oknie aplikacji, najczęściej na stronie dokumentu. Domyślnie pojawiają się one automatycznie w przypadkach, gdy szerokość lub wysokość okna nie wystarcza do wyświetlenia całej otwartej strony. Dlatego, aby pozbyć się poziomego paska przewijania, musisz zmienić szerokość strony lub okna aplikacji, w którym jest on otwarty.
Instrukcje
Krok 1
Pomniejsz stronę - to najprostszy sposób na usunięcie poziomego paska przewijania podczas przeglądania strony. W dowolnej przeglądarce można to zrobić, obracając kółko myszy do siebie, przytrzymując klawisz Ctrl. Wiele edytorów tekstu (na przykład Microsoft Word) również obsługuje taką kontrolę powiększenia strony. W przeglądarkach możesz również użyć klawisza minus zamiast myszy. Każde kliknięcie lub obrót kółka o jeden przystanek pomniejszy o 10%, aż rozmiar w poziomie będzie wystarczająco duży, aby wyświetlić stronę bez poziomego paska przewijania.
Krok 2
Korzystaj z możliwości przeglądarki, aby manipulować kodem źródłowym strony internetowej i zmieniać określone w niej style wyświetlania, aby dopasować je do szerokości okna - niektóre przeglądarki internetowe mają tę opcję. Na przykład w przeglądarce Opera wystarczy kliknąć ikonę „Dopasuj do szerokości”, a poziomy pasek przewijania zniknie, a kolumny oglądanej strony zmienią swoje rozmiary. Jeśli zajdzie konieczność powrotu do układu strony określonego przez twórcę, kliknij tę ikonę ponownie.
Krok 3
Podczas tworzenia stron internetowych użyj właściwości CSS overflow-x, aby wymusić przewijanie w poziomie całej strony lub jej poszczególnych elementów blokowych. Ta właściwość została wprowadzona w CSS od wersji 3.0 i jest obsługiwana przez wszystkie nowoczesne przeglądarki. Wartości, które można do niego przypisać to auto, ukryte, przewijane, widoczne. Jeśli ta właściwość nie jest określona w opisach stylów, uważa się, że ma wartość auto, to znaczy przewijanie w poziomie powinno pojawiać się, gdy treść nie mieści się na szerokości elementu. Aby wyłączyć przewijanie w absolutnie wszystkich przypadkach, użyj ukrytej wartości. Na przykład:
body {przepełnienie-x: ukryte;}