Empêcher le défilement du contenu d'un div en CSS?

Je suis en train de regarder cette page de démonstration:

http://www.ymc.ch/sandbox/hamburger/mobile-menu-demo.html

Qui a ce code derrière elle:

https://github.com/ymc-thzi/mobile-menu-hamburger

En général, il fonctionne très bien mais lorsque le menu est ouvert sur mon macbook je peux utiliser deux doigts pour faire défiler et de déplacer le corps blanc div autour. Comment pourrais-je éviter que l'utilisation de CSS?

Je soupçonne que vous aurez besoin de JS pour que. BTW, avez-vous essayé de jouer avec developer.mozilla.org/en-US/docs/Web/CSS/pointer-events
js n'est pas nécessaire, voir ma réponse
L'habitude de débordement dans le CSS ne fonctionne pas. Je ne suis même pas sûr si cela compte comme "défilement" pour dire, mais quand j'utilise deux doigts sur mes patins, je peux déplacer le blanc div du contenu autour de l'écran (lorsque le menu est ouvert). Faire d'autres personnes à voir ce problème?

OriginalL'auteur asolberg | 2014-04-12

  1. 8

    Si vous voulez toujours pour éviter le défilement, vous pouvez utiliser quelque chose comme:

    div {
  overflow-x: hidden;
  overflow-y: hidden;
}

    Juste être conscient que tout contenu qui s'étend au-delà du bord de la div sera hidden 🙂

    Sinon, si vous êtes à la recherche d'un web mobile menu, découvrez jQuery mobile.

    Cachés aura coupé le contenu
    Ouais, si le contenu s'étend de la div, il sera coupé.
    Bon point, s'il le veut couper, j'ai simplement supposé qu'il essayait de tuer les barres de défilement et de ne pas cacher le contenu. Peut-être que j'ai mal compris
    Cela ne fonctionne pas. Je ne suis même pas sûr si cela compte comme "défilement" pour dire, mais quand j'utilise deux doigts sur mes patins, je peux déplacer le blanc div du contenu autour de l'écran (lorsque le menu est ouvert). Faire d'autres personnes à voir ce problème?
    Mmmm... une idée Intéressante. Celles-ci semblent fonctionner assez bien. Ok, je vais essayer cela. Merci @DylanWatson.

    OriginalL'auteur Dylan Watson

  2. 1

    Les barres de défilement dans l'exemple de l'URL sont dans le corps, de sorte que vous devez définir la propriété overflow sur le corps cachés lorsque le menu est ouvert et auto lorsque le menu est fermé.

    Dans le fichier JavaScript, vous pouvez ajouter jQuery(document.body).css('overflow', 'hidden') dans jQuery("#hamburger").click fonction et jQuery(document.body).css('overflow', 'auto') dans le jQuery("#contentLayer").click fonction.

    Cela provoque la barre de défilement pour masquer temporairement et de montrer ce qui n'est pas une expérience utilisateur optimale.

    OriginalL'auteur NoGray