Главное меню не скролится, когда "большое"

InstantCMS 2.X
#1 21 января 2022 в 09:15

Приветствую!

Если у нас меню большое, то на телефоне не скроллит меню, пока не опустишься в самый низ сайта. Как упрешся в подвал, так сразу скроллит...

Шаблон модерн. Кто нибудь сталкивался?

Добавлено спустя 44 минуты

Имею ввиду, что при открытии главного меню на телефоне, у меня много пунктов, и самые последние 2 пункта меню я не вижу. Разумеется, хочу увидеть, скролю, но меня сайт сначала опускает вниз, игнорируя меню и после, когда я «добрался» до низа/футера сайта, меню скролится на оставшиеся 2 пункта.

#2 21 января 2022 в 10:28

 skewes, а можно хоть посмотреть или сайт секретный?))

#3 22 января 2022 в 12:54

Добавь блоку высоту и overflow:auto; но вообще надо увидеть сайт, тогда можно будет подсказать нормально.

#4 22 января 2022 в 13:06

skewes, а можно хоть посмотреть

Panda58dev

Добавь блоку высоту и overflow:auto; но вообще надо увидеть сайт

CEH9I

Не  видел сайт, но держу пари: виновато не разумное позиционирование (на вскидку: sticky)

#5 24 января 2022 в 20:33

 Panda58dev, а зачем вам смотреть на мой сайт? Я не хочу показывать...

Добавлено спустя Только что

 CEH9I, попробую))) спасибо!

Добавлено спустя 31 минуту

 Олег Васильевич я,  посмотрю сейчас.

Добавлено спустя 11 минут

Все верно, sticky-top виновник всего… А как можно пофиксить данную проблему? Чтобы меню было зафиксировано, но при открытии скролилось именно меню, а не страница?

#6 24 января 2022 в 20:40

А как можно пофиксить данную проблему? Чтобы меню было зафиксировано, но при открытии скролилось именно меню, а не страница?

skewes

Создаёте новый ряд «Главное меню» и переносите виджет с главным меню в него.

Этому ряду и назначайте стики.

#7 25 января 2022 в 01:40

Создаёте новый ряд «Главное меню» и переносите виджет с главным меню в него.

Этому ряду и назначайте стики.

Ris

9 из 10, что именно так и сделано))

Все верно, sticky-top виновник всего… А как можно пофиксить данную проблему? Чтобы меню было зафиксировано, но при открытии скролилось именно меню, а не страница?

skewes

Если хотите сохранить фиксацию блока с кнопкой закрытия, пробуйте так:

  1. /* class - уникальный селектор родителя (ряда с виджетом) */
  2. /* 100px - значение общей высоты элементов выше самого меню после фиксации ряда с виджетом */
  3. .class .navbar-collapse {
  4. overflow-y: auto;
  5. max-height: calc(100vh - 100px);
  6. }

Если хотите, чтобы прокручивался весь блок, подобные свойства назначьте родителю (там можно просто указать 100vh (без функции))

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.