Подсказки на компьютерную тематику

Можно подсмотреть, если забыли…

Как зафиксировать блок div с автоматическим созданием прокрутки с помощью CSS

Прокрутка внутри блока создается автоматически

    Чтобы зафиксировать блок при прокрутке надо:

  • создать стиль для класса в файле стилей, например style.css,
  • вписать в этот class требуемую высоту блока height и автоматическое включение прокрутки по вертикали overflow-y:

    .scroll{
    height: 150px;
    overflow-y: auto;
    }
  • подключить его к файлу с кодом
    <link href="style.css" rel="stylesheet"><!--Подключить файл со стилями-->
  • требуемому блоку с содержимым присвоить указанный класс:

    <div class="scroll">

    1234567890

    123456789

    12345678

    1234567

    123456

    </div>

Таким образом CSS прокрутка в блоке будет подключаться автоматически, если содержимое не будет помещаться по высоте.

Как зафиксировать блок div с автоматическим созданием прокрутки с помощью CSS

Прокрутка внутри блока создается автоматически

    Чтобы зафиксировать блок при прокрутке надо:

  • создать стиль для класса в файле стилей, например style.css,
  • вписать в этот class требуемую высоту блока height и автоматическое включение прокрутки по вертикали overflow-y:

    .scroll{
    height: 150px;
    overflow-y: auto;
    }
  • подключить его к файлу с кодом
    <link href="style.css" rel="stylesheet"><!--Подключить файл со стилями-->
  • требуемому блоку с содержимым присвоить указанный класс:

    <div class="scroll">

    1234567890

    123456789

    12345678

    1234567

    123456

    </div>

Таким образом CSS прокрутка в блоке будет подключаться автоматически, если содержимое не будет помещаться по высоте.