Якщо вам потрібно додати в блок смуги прокручування, то для цього потрібно використовувати властивість CSS overflow-y: scroll; (для відображення смуги прокрутки по вертикалі) та overflow-x: scroll; (для відображення смуги прокрутки по горизонталі).
Властивість CSS overflow встановлює, що буде відображатися, коли вміст виходить за краї блокового елемента. Це може бути нічого, смуга прокрутки або вміст переповнення.
Властивість CSS overflow-y встановлює, що буде відображатися, коли вміст виходить за межі верхнього та нижнього краю блокового елемента.
Властивість CSS overflow-x встановлює, що буде відображатися, коли вміст виходить за межі лівого та правого країв блокового елемента.
CSS Смуги прокрутки. Приклад
Наприклад, якщо вам потрібно створити блок із текстом та вертикальною смугою прокручування, то можна використати наступний приклад:
Приклад CSS:
.scrollermenu {
width: 100%; /*Ширина блоку 100%*/
height: 600px; /*Висота блоку 600px*/
overflow-y: scroll; /*Вертикальна смуга прокрутки*/
}Приклад HTML:
<div class="scrollermenu">
<p>Пункт 1</p>
<p>Пункт 2</p>
<p>Пункт 3</p>
<p>Пункт 4</p>
<p>Пункт 5</p>
<p>Пункт 6</p>
<p>Пункт 7</p>
<p>Пункт 8</p>
<p>Пункт 9</p>
<p>Пункт 10</p>
<p>Пункт 11</p>
<p>Пункт 12</p>
<p>Пункт 13</p>
<p>Пункт 14</p>
<p>Пункт 15</p>
<p>Пункт 16</p>
<p>Пункт 17</p>
<p>Пункт 18</p>
<p>Пункт 19</p>
<p>Пункт 20</p>
</div>
Пригостити автора кавою