ЯК додати смугу прокрутки :: обмеження області прокрутки сторінки

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

Інструкція

Використовуйте тег div, якщо потрібно зробити смугу прокрутки не для всієї сторінки, а тільки для обмеженої її області. У мові HTML (HyperText Markup Language - «мова розмітки гіпертексту») «тегами» називають окремі команди браузеру відобразити той чи інший елемент сторінки. У найпростішому вигляді тег div (його часто називають «шаром») пишеться так:

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

Тут

- відкриває тег, а

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

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

Вказуйте в атрибуті style тега div і правила для смуг прокрутки шару теж:

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

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

Застосовуйте аналогічний спосіб і для додавання смуг прокрутки до сторінки в цілому. За умовчанням вони з'являються в міру необхідності, але якщо з якої-небудь причини виникне необхідність в їх постійній присутності на сторінці, то у вихідний html-код слід додати відповідне правило стилю. Знайдіть у коді сторінки закриває тег заголовної частини документа і перед ним впишіть ці стильові інструкції: