Home / Інтернет / Веб програмування / Як додати смугу прокрутки

Як додати смугу прокрутки

Як додати смугу прокрутки</a>

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

Для управління їх зовнішнім виглядом і поведінкою в веб-сторінках використовуються елементи мови опису стилів CSS (Cascading Style Sheets - «Каскадні таблиці стилів»), вбудовані в мову HTML.

Інструкція

    1

Використовуйте тег div, якщо потрібно зробити смугупрокрутки не для всієї сторінки, а тільки для обмеженої її області. У мові HTML (HyperText Markup Language - «мова розмітки гіпертексту») «тегами» називають окремі команди браузеру відобразити той чи інший елемент сторінки. У найпростішому вигляді тег div (його часто називають «шаром») пишеться так:
& Lt-div & gt-Це текст всередині шару & lt- / div & gt-
Тут & lt-div & gt- - відкриває тег, а& Lt- / div & gt- - закриває. Все, що розміщено між відкриває і закриває тегами, знаходиться в шарі як в контейнері і цьому контейнеру можна задавати розміри - ширину і висоту. Це робиться за допомогою додаткового параметра ( «атрибута») style, який слід додати в відкриває тег:
& Lt-div style = "width: 300px- height: 300px -« & gt-

Це текст всередині шару

& Lt- / div & gt-

    2

Вказуйте в атрибуті style тега div та правила для смуг прокрутки шару теж:
& Lt-div style = "width: 400px- height: 200px- overflow: auto -« & gt-

Це текст всередині шару

& Lt- / div & gt-
Тут overflow:auto означає, що смуги прокрутки будуть з'являтися автоматично, тобто коли вміст шару не буде вміщатися в задані розміри. Якщо auto замінити на scroll, то ці смуги будуть присутні завжди, незалежно від того потрібні вони чи ні. А значення hidden надасть протилежну дію - прокрутка ніколи не буде з'являтися, навіть якщо вмісту цього контейнера не буде видно за його краями.

    3

Застосовуйте аналогічний спосіб і для додаваннясмуг прокрутки на сторінку в цілому. За умовчанням вони з'являються в міру необхідності, але якщо з якої-небудь причини виникне необхідність в їх постійну присутність на сторінці, то в вихідний html-код слід додати відповідне правило стилю. Знайдіть в коді сторінки закриває тег заголовної частини документа & lt- / head & gt- і перед ним впишіть ці стильові інструкції:
& Lt-style type = "text / css» & gt-body {overflow: scroll -} & lt- / style & gt-

Як додати смугу прокрутки was last modified: Червень 20th 2017 by lorvouzf
It is main inner container footer text