@mousesport

Не скролится меню в мобильной версии сайта?

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

-пробовал вешать jquery обработчик, чтобы при открытии меню добавлялся стиль body {overflow: hidden;} но прокрутка убирается со всей страницы и меню не скролиться.
-пробовал jquery обработчиком скрывать лишние div при открытии меню display:none, но неудобно, т.к не сохраняет позицию страницы на момент открытия меню, если обратно
закрываешь меню приходится листать страницу заново к месту где открывал меню.
-пробовал вешать jquery обработчик, чтобы при открытии меню добавлялся стиль body.fix {position: fixed;} но перестает скролится меню и сама страница.
Гугл поиск уже перелистал...

Подсобите советом товарищи...
  • Вопрос задан
  • 287 просмотров
Решения вопроса 1
iamd503
@iamd503 Куратор тега CSS
Верстальщик
Попробуйте так
.header__nav {
    margin: -10px;
    padding: 12px 0 0;

    max-height: calc(100vh - 142px);
    overflow-y: auto;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы