Jak Zrobić Pasek Przewijania

Spisu treści:

Jak Zrobić Pasek Przewijania
Jak Zrobić Pasek Przewijania

Wideo: Jak Zrobić Pasek Przewijania

Wideo: Jak Zrobić Pasek Przewijania
Wideo: Creating a Custom Scrollbar for the Web - CSS Tutorial 2024, Może
Anonim

W dzisiejszych czasach posiadanie własnej strony internetowej nie jest luksusem, a raczej koniecznością. Jego tworzenie wymaga pewnych umiejętności i znajomości html. Zbudowanie prostej strony internetowej jest dość łatwe. Jednak dekorowanie go i tworzenie elementów interaktywnych, które zapewniają dodatkową funkcjonalność dla strony, sprawi trudności początkującemu. Jednym z tych interaktywnych elementów, które poprawiają wygodę odwiedzających witrynę, jest pasek przewijania. Jest to szczególnie przydatne w polach serwisu, które zapewniają jego połączenie ze skryptami (interakcja serwisu z użytkownikami).

Pasek przewijania jest ważnym elementem strony
Pasek przewijania jest ważnym elementem strony

Czy to jest to konieczne

Internet lub dowolny samouczek html

Instrukcje

Krok 1

Najważniejszą rzeczą na każdej stronie jest przyjazność dla użytkownika. Sam pomysł wykorzystania paska przewijania na Twojej stronie będzie odpowiedni tylko wtedy, gdy jego wygląd będzie podyktowany nie Twoim pragnieniem, ale jego koniecznością. Stwórz układ strony, na której chcesz umieścić pasek przewijania. Wybierz miejsce na przewijanie (zwane również paskami przewijania).

Krok 2

Wybierz lokalizację paska przewijania na stronie interesującej Cię witryny. Musi być sztywno powiązany z jakimś elementem (na przykład polem tekstowym lub listą rozwijaną). Musisz obliczyć to miejsce w pikselach lub w procentach. Nie jest to trudne, zwłaszcza jeśli układ strony ma przejrzystą strukturę.

Krok 3

Pomiędzy tagami BODY należy dodać standardowy kod przewijania. Możesz go znaleźć w dowolnym samouczku html. Istnieją dwie opcje - albo dodaj ten fragment kodu bezpośrednio do kodu HTML strony, albo dołącz go w arkuszu stylów css. Druga metoda jest wygodniejsza, jeśli zmieniasz więcej niż jedną stronę, ale całą witrynę jednocześnie. Następnie musisz wprowadzić parametry koloru paska przewijania, w przeciwnym razie będzie szary i nieciekawy. Rysunek przedstawia i opisuje elementy przewijania. Parametry należy wprowadzić w taki sam sposób, jak pokazano na rysunku, oddzielone średnikami.

Krok 4

Teraz zdecydowanie powinieneś przetestować swoje modyfikacje. Aby pasek przewijania wyglądał tak samo we wszystkich przeglądarkach, sprawdź go w głównych - Internet Explorer, Mozilla Firefox i Opera. Jeśli nie działa na jednym z nich, wróć do pierwszego kroku i napraw błędy.

Zalecana: