css - Stop body scrolling under overlay -


I have an overlay menu that displays on content on mobile. I can add content to the content by scrolling under the menu on iOS or Android. Can not stop. Everywhere I see the overflow to use: hide; On the body ... which I have done and it is not working.

I have a site on staging here:

Any ideas would be appreciated.

> Cheers

On touch devices, you must touchmove To prevent unwanted scrolls under

  element.addEventListener ('touchmove', function (e) {e.preventDefault ()) to stop. ; }, false);  

or use of jQuery:

  $ (element) .on ('touchmove', function (e) {e.preventDefault ();}) ;  

Comments

Popular posts from this blog

c# - SignalR: "Protocol error: Unknown transport." when navigating to hub -

class - Kivy: how to instantiate a dynamic classes in python -

python - mayavi mapping a discrete colorbar on a surface -