Если вам нужно добавить в блок полосы прокрутки, то для этого нужно использовать свойство 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>
Угостить автора чашечкой кофе