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

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

Содержание

Інструкція
Корисна порада

. Вона особливо стане в нагоді в полях сайту, що забезпечують його зв`язок зі скриптами (взаємодія сайту з користувачами).

Смуга прокрутки - важливий елемент сайту

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

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

Інструкція

Найголовніше на будь-якому сайті - зручність користувача. Сама ідея застосування смуги прокрутки на вашому сайті буде доречна лише в тому випадку, якщо її поява продиктовано не вашим бажанням, а її необхідністю. Зробіть макет сторінки, на яку ви хочете помістити смугу прокрутки. Виберете місце для скролла (так ще називають смуги прокрутки).

Виберіть місце для смуги прокрутки на що цікавить вас сторінці сайту. Вона повинна бути жорстко пов`язана з яким-небудь елементом (наприклад, текстовим полем або спадаючим списком). Це місце ви повинні розрахувати в пікселях або у відсотках. Зробити це неважко, особливо якщо макет сайту має ясну структуру.

Між тегами BODY ви повинні додати стандартний код для скролла. Знайти його можна в будь-якому підручнику з html. Є два варіанти - або додати цей фрагмент безпосередньо в html код сторінки, або докласти в таблиці стилів css. Другий спосіб зручніше, якщо ви міняєте не одну сторінку, а весь сайт відразу. Потім потрібно ввести колірні параметри смуги прокрутки, інакше вона буде сірою і нецікавою. На малюнку показані і підписані елементи скролла. Параметри потрібно вводити так само, як показано на малюнку, через крапку з комою.

прокрутки "class =" lightbx "data-lightbox =" article-image "gt; Параметри смуги & lt; strong & gt; прокрутки & lt; / strong & gt;

Тепер ви обов`язково повинні протестувати свої доробки. щоб смуга прокрутки однаково виглядала у всіх браузерах, перевірте її на основних - Internet Explorer, Mozilla Firefox і Opera. Якщо вона не працює на одному з них, поверніться до першого етапу і виправте помилки.

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

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

Поділися в соціальних мережах:

Увага, тільки СЬОГОДНІ!

Схожі