We all remember the multi-level menu where there are 3-4 levels of nesting. It looks like this:

enter image description here

I would like to know who and how struggles with adaptability when approaching the border of the browser? For example, if you make 2 drop-down levels near the last item in the list, you will get scrolling or just a cropped menu.

Is it correct to use scripts to determine if the menu is inside the visible area of ​​the screen and is there such a practice?

  • Why not right? Show CSS and HTML, and if the script is used there, then throw it. They will help you write a script :) - Yuri
  • It is simply calculated by the script, not css. On codecode, you can search for such an adaptive menu with such logic, I saw. - VostokSisters
  • @Yuri question is not about help and implementation. This I can easily master. The question is correct. Similarly, there are practically no online solutions, and therefore the question has matured. Is it a matter of some pitfalls? Or just no one bothers? Perhaps the scroll see the search engines and swear, as changes are made by the script. From this and the question arose. - Alexey Giryayev
  • @AlexeyGiryayev, so the menu works on microsoft, google, apple sites. Although the method is quite ancient. I used it back in 2011 :) - Yuri
  • @AlexeyGiryayev, although you can do it in pure CSS. Only there you have to write a bunch of logically complex equations :) - Yuri

0