Як зробити смугу прокрутки

Як зробити смугу прокрутки

У наш час мати власний сайт — не розкіш, а скоріше необхідність. Його створення вимагає певних навичок і знання html. Створити простий сайт досить просто. Проте його прикраса та створення інтерактивних елементів, які забезпечують додаткову функціональність сайту, викличе у новачка труднощі. Один з таких інтерактивних елементів, що підвищують зручність відвідувачів сайту — смуга прокручування. Вона особливо стане в нагоді в полях сайту, забезпечують його зв’язок зі скриптами (взаємодія сайту з користувачами).

Вам знадобиться

Інтернет або будь-який підручник по html

Інструкція

  1. Найголовніше на будь-якому сайті — зручність користувача. Сама ідея застосування смуги прокрутки на вашому сайті буде доречна лише в тому випадку, якщо її поява продиктовано не вашим бажанням, а її необхідністю. Зробіть макет сторінки, на яку ви хочете помістити смугу прокрутки. Виберете місце для скрола (так ще називають смуги прокрутки).
  2. Виберіть місце для смуги прокрутки на цікавій для вас сторінці сайту. Вона повинна бути жорстко пов’язана з яким-небудь елементом (наприклад, текстовим полем або спадаючим списком). Це місце ви повинні розрахувати в пікселях або у відсотках. Зробити це неважко, особливо якщо макет сайту має ясну структуру.
  3. Між тегами BODY ви повинні додати стандартний код для скрола. Знайти його можна в будь-якому підручнику з html. Є два варіанти — або додати цей фрагмент безпосередньо в html код сторінки, або прикласти в таблиці стилів css. Другий спосіб зручніше, якщо ви міняєте не одну сторінку, а весь сайт відразу. Потім потрібно ввести колірні параметри смуги прокрутки, інакше вона буде сірою і нецікавою. На малюнку показані і підписані елементи скрола. Параметри потрібно вводити так само, як показано на малюнку, через крапку з комою.
  4. Тепер ви обов’язково повинні протестувати свої доробки. Щоб полоса прокрутки однаково виглядала у всіх браузерах, перевірте її на основних — Internet Explorer, Mozilla Firefox і Opera. Якщо вона не працює на одному з них, поверніться до першого етапу і виправте помилки.

Корисні поради

Є простий спосіб створення смуги прокрутки для web-сторінки. Задайте параметр висоти для вашого сайту 75%, тоді скролл з’явиться сам. Правда, його колірні схеми все одно варто настроїти.