0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 4332 Просмотров
*

Ragivort

  • Завсегдатай
  • 1154
  • 58 / 2
  • Такая Life
Всем привет. Никак не могу найти решение проблемы
http://www.dargrad.ru/new/
Когда прокручиваем вниз - выплывает меню, прилепленное к верху сайта. В нем есть Каталог - выплывающее меню вниз. Оно по высоте большое, если сжать экран окна по высоте, то это меню нельзя прокрутить вниз. Как решить эту проблему? Пробовал задавать меню высоту и overflow, но и-за того, что оно еще выплывает вбок, получается беда.

Спасибо за любой совет.
Дозволь мне свершить то добро, которое я способен свершить, теперь, ибо я могу более не вернуться сюда.
*

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Re: Прокрутка блока с position:fixed
« Ответ #1 : 24.08.2016, 10:07:56 »
Например,
@media (max-height: 720px) {
.lofmenu {
    max-height: 80vh;
    overflow-y: scroll;
}
}
но т.к. в айфонах полосы прокрутки нет по-умолчанию видимой (только при касании), то я бы или стрелку внизу добавил, чтобы по клику смещалось меню вниз или еще что-то...

*

Ragivort

  • Завсегдатай
  • 1154
  • 58 / 2
  • Такая Life
Re: Прокрутка блока с position:fixed
« Ответ #2 : 24.08.2016, 15:23:49 »
Для мобильных меню другое. Решил проблему аккордеоном и кастумной прокруткой
Дозволь мне свершить то добро, которое я способен свершить, теперь, ибо я могу более не вернуться сюда.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

helix 3 не могу заставить работать position: sticky;

Автор platonische

Ответов: 0
Просмотров: 1144
Последний ответ 04.01.2020, 16:01:16
от platonische
Плавное применение fixed в стилях

Автор kik84

Ответов: 5
Просмотров: 2120
Последний ответ 06.03.2019, 09:33:18
от sivers
Дублирование блока при переключение на английский модулем GTranslate

Автор kostey

Ответов: 1
Просмотров: 966
Последний ответ 07.12.2018, 14:18:17
от kostey
Горизонтальная прокрутка

Автор web3.0

Ответов: 4
Просмотров: 1054
Последний ответ 15.10.2018, 13:51:17
от web3.0
Проблема Position: fixed и Transform:translate3d

Автор WooSuuP

Ответов: 0
Просмотров: 1383
Последний ответ 01.05.2018, 15:07:14
от WooSuuP