How to fix "sticky-top" on mobile devices?

Question

css

Friends, I'm using sticky-top for the navigation bar, everything is fine, but the dropdown menu is quite large, + has a large menu dropdown. On desktop, everything is fire, but on mobile, when you open the menu, until you scroll to the end of the page, the drop-down menu does not scroll.
Tell me how to block the page scroll when opening the menu? Well, that is, to immediately scroll the navigation bar, and not first the page scrolls to the end, and only then the navigation bar.

Answer 1

When opening the menu, add a class for body with overflow: hidden;