Hello!

есть такой код https://codepen.io/Sparks_/pen/EdYEdE

There are several nested lists for the category directory.

All categories are not placed at a given height because of what scrolling was required, but as soon as I set scrolling (overflow-y: scroll;), hover immediately stops working and nested lists do not work.

Tell me how you can leave the scrolling, and when you hover over the list item to show another list or another item?

Opens by click, the rest by hover. it turns out so - either the list is scrolled, but the nested one does not open.

If you remove the parent overflow-y: scroll; , then the nested list by hover, opens, but the parent does not fit the entire list of categories in height.

This property is in .outter_catalog li: hover .inner_group.

Thank.

  • codepen.io/Sparks_/pen/WaeKWG here is an additional one - Ilya Rogatkin
  • @ IlyaOlegovich in the editor there is a button to insert html snippets directly into the question. only code needs to be cut to a reasonable length :) - PashaPash ♦
  • originally planned to do so, but did not want to post a bunch of code, it would be too hard to view the snippet. - Ilya Rogatkin

1 answer 1

Set the height and overflow directly for ul.

  • The fact is that I can have a few more lists inside the list item, if I set properties for them, I get a scrolling overlay. - Ilya Rogatkin
  • Thank you, I understand! - Ilya Rogatkin