Доверьте продвижение нам

Попробуйте надежный хостинг для вашего сайта

Мы рекомендуем своим клиентам! Получите надежность и полное управление вашим сайтом.

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

от 29 920 

Как сделать прокрутку блока css

Views Icon82

Для создания прокрутки содержимого блока в CSS используется свойство overflow. Это свойство задает, что должно происходить, если содержимое блока не помещается в него целиком и включает такие возможности, как прокрутка содержимого блока или его автообрезка.

Например, чтобы создать вертикальную прокрутку содержимого блока, можно использовать следующий CSS-код:

.scrollable {
  overflow-y: scroll; /* вертикальная прокрутка */
}

В этом примере, блоку с классом .scrollable будет задана вертикальная прокрутка при необходимости, если содержимое блока не помещается в него по вертикали. Если содержимое помещается, прокрутка не будет показана.

А чтобы создать горизонтальную прокрутку, можно использовать свойство overflow-x:

.scrollable {
  overflow-x: scroll; /* горизонтальная прокрутка */
}

В этом примере, блоку с классом .scrollable будет задана горизонтальная прокрутка при необходимости, если содержимое блока не помещается в него по горизонтали.

Также можно использовать свойство overflow для задания прокрутки содержимого в обеих направлениях:

.scrollable {
  overflow: scroll; /* прокрутка в обеих направлениях */
}

Этот код задаст прокрутку содержимого блока в обеих направлениях, если содержимое не помещается в блок.

Обратите внимание, что для создания прокрутки должно быть задано фиксированное значение ширины или высоты блока, чтобы прокрутка сработала при необходимости.

Поделиться:

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.