Проблемы с sub menu?

Question

[Breeze1]

У меня если главное меню с position: fixed. Есть sub menu, на ховер эффект. Проблем в том, что sub menu очень длинное, и оно всегда длиннее дисплея, соответственно уходит вниз монитора, и его невозможно прокрутить.

Единственный выход который я нашел, это сделать вертикальный скролл для sub menu. Но возможно есть какие-нибудь еще способы выйти из этой ситуации. Буду рад, любым советам.

Сделал пример, по клику на меню два вылазит sub menu. там видно, проблему. Sub меню длиннее экрана, по-этому оно уходит вниз, и нет возможности его увидеть полностью, так как у главного меню pos: fixed https://codepen.io/brezze/pen/NwXMzz

Answer 1

[Dmitry Sokolov]

саб меню внутри списка li? тогда проблем не должно быть, при наведении на li и перемещение курсора на submenu hover не должен сбрасываться и страницу можно прокручивать.

Отредактировал, пересохранил Ваш пример:
https://codepen.io/anon/pen/QOQWMK?editors=1100

Comments

[Breeze1]

мы наверно неправильно поняли друг друга, я выложил пример на codepen в вопросе

[Dmitry Sokolov]

Breeze1,
Отредактировал, пересохранил Ваш пример:
https://codepen.io/anon/pen/QOQWMK?editors=1100

[Breeze1]

Dmitry Sokolov, спасибо, очень интересное решение. Единственное mozilla не поддерживается, но все равно спасибо большое.

[Dmitry Sokolov]

Breeze1,

Доля ФФ падает по данным liveinternet.

PS: Раньше в ФФ все верстал, но т.к. текст во всяких кнопочек/инпутах/ меню и т.д. прыгал в остальных браузерах (например, в хроме/ie10/ie11/сафари на мобильном на 1px надо было текст приподнять [ie9/8 норм]) плюнул, стал делать все в хроме. да неудобно по сравнение с файрбагом, но зато потом не надо в топовых браузерах все подгонять.

Теперь делаю все в хроме, под ФФ/IE любой/Сафари на мобильном вообще не подгоняю.

Про ФФ подумаю что можно сделать.

[Breeze1]

Dmitry Sokolov, Дмитрий да я понимаю, я бы такой, чтобы только под хром все делать, и все ) Обязательно заказчику предложу ваш вариант. Хотя если честно, подумываю оставить скролл, и просто его красиво кастомизировать через плагин какой-нибудь.

Answer 2

[Максим]

Есть sub menu,

где оно ? где реализация ?код выложите на codepen.io и сюда ссылку на pen

Comments

[Breeze1]

поправил вопрос, и добавил пример

[Максим]

Breeze1, а внутри выпадающего меню что у задумали вкладывать ?

[Breeze1]

Максим Ленский, внутри там идёт 3 строки, в каждой строке 4 карточки товара. Они никак не помещаются на длину экрана, в любом случае длиннее выходят

[Максим]

Breeze1, а можно просто идею подсказать ?