Как скролить фиксированный блок, если он не влезает на экран?

422

26 ноября 2016, 18:40

Собственно есть мобильное меню с position: fixed, в нем много пунктов меню, которые не влезают на экран моб телефона, но при попытке проскрулить вниз, скрулится вся страница но не этот блок с меню. Пример, думаю, приводить не стоит в коде, надеюсь меня поймут. Как с этим бороться?

На мобильном телефоне скролится страница, но не меню.

Answer 1

Попробуйте добавить блоку что-нибудь вроде:

max-height: 100vh;
overflow-y: auto;

Answer 2

Значения max-height и min-height, безусловно приведены для примера.

   .cont-mob{
     max-height: 100px;
     overflow: auto;
   }
   .slicknav_menu{
     min-height:200px;
   }

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Кликабельность кнопок в новом окне

При открытии нового окна span становится не кликабельнымКод открытия нового окна

234

CSS

Как выравнять все ячейки по центру таблицы кроме первого ряда таблицы на css

Как выравнять все ячейки по центру таблицы (кроме первого ряда таблицы) на css?

263

CSS

Как скрыть линию под прозрачным блоком?

Нужно скрыть линию в полукруге, но не заливая его белым цветомКак это сделать? Пытался добавлять линии через before и after абсолютно по 50% ширины,...

293

CSS

Как при клике показать другую половину div?

Добрый день! Как сделать, что при начальном состоянии показывалось 50% этого div, а после нажатия на кнопку показывалась другие 50%?

331