Good day! I have such a problem, there is a menu http://www.rudebox.org.ua/create-side-menus-quickly-with-jquery-sidr/ I implemented this template in my site, but there was a problem in the mobile version when you open This menu remains a piece of content that can be easily moved with a finger even when the menu is open, which is not very good. So I have a question, can someone tell me how to prohibit the movement of the context when the side menu is open? Or give links to similar menus (with a simple source or demo example), where this is not observed on mobile devices.

alt text

  • one
    the simplest thing is to cover the content with a transparent overlay (diva), a tap on which will close the menu. - Yura Ivanov
  • As an option ( in my opinion a little worse than suggested by @Yura Ivanov ) - this is for mobile devices to do a menu width equal to the width of the window. - Deonis
  • @Yura Ivanov, @Deonis, if I cover the content with a diva or make the menu width equal to the window width, then I just can’t return to my page after opening the menu. There must be another way ... - IntegralAL
  • Tap / click / slide left on this div to close the menu. - zb '
  • @IntegralAL, and now how do you return to your page after opening the menu? another way to pointer-events: none for content, i.e. for visible items. - Yura Ivanov

0