Paski przewijania to pionowe i poziome paski wzdłuż prawej strony (podczas pisania od lewej do prawej) i dolnych krawędzi okna lub oddzielnego obszaru w oknie, przeznaczone do przesuwania zawartości w pionie lub poziomie. Strony internetowe używają elementów kaskadowych arkuszy stylów (CSS) osadzonych w HTML, aby kontrolować ich wygląd i zachowanie.
Instrukcje
Krok 1
Użyj znacznika div, jeśli chcesz, aby pasek przewijania nie obejmował całej strony, ale tylko jej ograniczonego obszaru. W języku HTML (HyperText Markup Language) „tagi” odnoszą się do poszczególnych poleceń przeglądarki, aby wyświetlić określony element strony. W najprostszej formie znacznik div (często nazywany „warstwą”) jest napisany w ten sposób:
To jest tekst wewnątrz warstwy
Oto tag otwierający i tag zamykający. Wszystko, co znajduje się pomiędzy znacznikami otwierającym i zamykającym znajduje się w warstwie jak w kontenerze i ten kontener można zwymiarować - szerokość i wysokość. Odbywa się to za pomocą dodatkowego stylu parametru ("atrybutu"), który należy dodać do tagu otwierającego:
To jest tekst wewnątrz warstwy
Krok 2
Uwzględnij w atrybucie stylu znacznika div i regułach pasków przewijania warstwy:
To jest tekst wewnątrz warstwy
Tutaj overflow: auto oznacza, że paski przewijania pojawią się automatycznie, czyli wtedy, gdy zawartość warstwy nie zmieści się w podanych wymiarach. Jeśli auto zostanie zastąpione scrollem, to te paski będą zawsze obecne, niezależnie od tego, czy są potrzebne, czy nie. Ukryta wartość będzie miała odwrotny skutek - zwój nigdy się nie pojawi, nawet jeśli zawartość tego pojemnika nie jest widoczna poza jego krawędziami.
Krok 3
Użyj podobnej metody, aby dodać paski przewijania do strony jako całości. Domyślnie pojawiają się one w miarę potrzeb, ale jeśli z jakiegoś powodu istnieje potrzeba ich stałej obecności na stronie, to odpowiednia reguła stylu powinna zostać dodana do źródłowego kodu html. Znajdź tag zamykający nagłówka dokumentu w kodzie strony i napisz przed nim następujące instrukcje dotyczące stylu:
body {przepełnienie: scroll;}
