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

spro1

Гуру форума
Регистрация
26 Май 2013
Сообщения
226
Реакции
81
Всех хорошего вечера!

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

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


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

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

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


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

.fixed-menu-cont.active .t3-module {
margin-bottom: 0;
}
 
в мобильном хроме, когда прокручиваешь меню вниз, убирается верхняя часть браузера с адресной строкой, и видно кусок контента страницы.

Вот скрин. В самом низу видно часть текста, а меню уползло вверх
IMG-8b590dff2e98408ba24380f9febc8342-V.jpg
 
Последнее редактирование:
в мобильном хроме, когда прокручиваешь меню вниз, убирается верхняя часть браузера с адресной строкой, и видно кусок контента страницы.

Вот скрин. В самом низу видно часть текста, а меню уползло вверх
Посмотреть вложение 100746
Баг проявляется не всегда. при первом посещении был, при перезагрузке страницы пропал

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

Для просмотра ссылки Войди или Зарегистрируйся
 
в шаблоне t3 изначально есть блок off-canvas. Он сейчас работает корректно и надо именно так сделать "проблемный блок" с меню. Не пойму, в чем разница и в чем ошибка((
Открывайте в хроме в режиме инкогнито. Проблема не исчезает после перезагрузки. Тут явно в верстке ошибка.
 
Проблема решена. По клику на кнопку открытия меню к тегу html добавил:
PHP:
.noscroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}

Спасибо всем, кто откликнулся!
 
  • Нравится
Реакции: diex
Назад
Сверху