Фиксированный блок на весь экран с прокруткой содержимого

[spro1]

Всех хорошего вечера!

Помогите пожалуйста с версткой фиксированного блока

Задача сделать меню, которое будет открываться по нажатию на кнопку. Размер контейнера на весь экран, содержимое будет больше по высоте и должна присутствовать прокрутка.
Добавил блок, классы по клику и вроде бы все хорошо, но нет, не все. Сейчас, если смотреть в мобильном хроме при прокрутке меню улезает верхняя панель браузера и соответственно видно кусок контента страницы.(место, где видно проблему отметил стрелкой)

Не могу понять, как от этого избавиться?


То, что есть сейчас посмотреть можно тут, меню открывается по клику на кнопку "Меню раздела" повторюсь, проблему видно в хроме на мобильном

 

[diex]

Всех хорошего вечера!

Помогите пожалуйста с версткой фиксированного блока

Задача сделать меню, которое будет открываться по нажатию на кнопку. Размер контейнера на весь экран, содержимое будет больше по высоте и должна присутствовать прокрутка.
Добавил блок, классы по клику и вроде бы все хорошо, но нет, не все. Сейчас, если смотреть в мобильном хроме при прокрутке меню улезает верхняя панель браузера и соответственно видно кусок контента страницы.(место, где видно проблему отметил стрелкой)
Посмотреть вложение 100741
Не могу понять, как от этого избавиться?


То, что есть сейчас посмотреть можно тут, меню открывается по клику на кнопку "Меню раздела" повторюсь, проблему видно в хроме на мобильном

.fixed-menu-cont.active .t3-module {
margin-bottom: 0;
}

 

[spro1]

.fixed-menu-cont.active .t3-module {
margin-bottom: 0;
}

Отступ снизу тут не причем. Не помогло, к сожалению.

 

[diex]

Отступ снизу тут не причем. Не помогло, к сожалению.

Тогда не понятно, что нужно сделать?

 

[spro1]

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

Вот скрин. В самом низу видно часть текста, а меню уползло вверх

 

[NikroVir]

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

Вот скрин. В самом низу видно часть текста, а меню уползло вверх
Посмотреть вложение 100746

Баг проявляется не всегда. при первом посещении был, при перезагрузке страницы пропал

Для просмотра ссылки Войди или Зарегистрируйся

Для просмотра ссылки Войди или Зарегистрируйся

 

[spro1]

в шаблоне t3 изначально есть блок off-canvas. Он сейчас работает корректно и надо именно так сделать "проблемный блок" с меню. Не пойму, в чем разница и в чем ошибка((
Открывайте в хроме в режиме инкогнито. Проблема не исчезает после перезагрузки. Тут явно в верстке ошибка.

 

[spro1]

Проблема решена. По клику на кнопку открытия меню к тегу html добавил:

.noscroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}

Спасибо всем, кто откликнулся!