Masquer la barre de défilement dans firefox

Je veux cacher une barre de défilement dans la page, mais je peux les faire défiler comme il a une barre de défilement.
donc je ne peux pas utiliser overflow:hidden, parce que je veux que je peut faire défiler comme d'habitude
mais ne peut pas voir une barre de défilement.

donc j'utilise ce code css (classe non-défilement-corps est une classe de la balise body)

.not-scroll-body::-webkit-scrollbar {
    display: none; 
}

Il fonctionne dans Chrome , mais lorsque j'utilise -moz- au lieu de -webkit- comme ce

.not-scroll-body::-moz-scrollbar {
    display: none; 
}

Il ne fonctionne pas dans Firefox.

Que puis-je faire pour le faire fonctionner?

Merci pour la réponse et désolé pour mon mauvais anglais 🙂

Pourquoi ne pas simplement utiliser les deux?
Aussi, bienvenue sur StackOverflow, et votre anglais est très bien 🙂
En fait,j'utilise les deux dans mon code mais C'est de travailler uniquement avec Chrome , pas avec firefox :')
Peut-être que vous pourriez faire quelque chose comme ceci...

OriginalL'auteur Mei | 2013-10-25

  1. 9

    Selon cette réponse et tout ce que j'ai pu trouver sur le web, il n'y a pas de Firefox équivalent de la -webkit-scrollbar sélecteur. Apparemment, il n'y utilisé pour être une propriété, -moz-scrollbars-none, que vous pouvez utiliser pour cela, mais c'est depuis été supprimé et que les gens recommander à l'aide de overflow:hidden ou un hackish margin-right: -14px solution.

    Désolé je ne peux pas être plus utile -- il semble qu'il n'y a pas de Firefox façon de le faire avec élégance.

    J'ai essayé margin-right: -14px , mais la barre de défilement n'ai pas changer de position (ne s'est rien passé avec elle) bien que le contenu à l'intérieur de changer de position à droite (à partir de la marge de droite -14)
    mais votre réponse est très utile , merci beaucoup 😀
    หมี เมืองทอง - assurez-vous que l'élément parent est overflow:hidden
    overflow: hidden; fonctionne très bien sur FF Mac, mais vous semblez encore besoin d'utiliser overflow: -moz-scrollbars-none; sur Windows (même sur 39.0). Cependant MDN unis c'est déjà obsolète donc à utiliser avec précaution.
    Il est maintenant possible dans Firefox version 64. Voir protoEvangelion de réponse.

    OriginalL'auteur Christian Ternus

  2. 5

    J'ai été en mesure de cacher la barre de défilement, mais encore être capable de faire défiler avec la molette de la souris avec cette solution:

    html {overflow: -moz-scrollbars-none;}

    Télécharger le plugin https://github.com/brandonaaron/jquery-mousewheel et inclure cette fonction:

    jQuery('html,body').bind('mousewheel', function(event) {
    event.preventDefault();
    var scrollTop = this.scrollTop;
    this.scrollTop = (scrollTop + ((event.deltaY * event.deltaFactor) * -1));
    //console.log(event.deltaY, event.deltaFactor, event.originalEvent.deltaMode, event.originalEvent.wheelDelta);
  });

    OriginalL'auteur CrazyScientist

  3. 0

    J'en supposant que vous souhaitez masquer la barre de défilement à l'échelle locale. En ce que je veux dire, pas sur un serveur web pour le monde à voir, mais sur votre copie locale de firefox, pour votre plaisir de visionnement.

    c'est ce que j'ai trouvé à travailler pour moi sur opensuse/kde:
    dans userChrome.css;

    #content browser {
margin-right -12px !important;
overflow-x:hidden;
overflow-y:scroll;
}

    utilisation -14px cacher complètement verticale de défilement (plus si votre système de thème plus large de réglage du défilement). J'utilise de moins en moins (10px) pour voir juste un peu pour que je puisse en cliquant sur le bouton central pour passer à un endroit sur la page.

    chose que j'ai fait, mais ne fonctionnent pas toujours, de plus:
    dans userContent.css

    #content browser {
overflow:-moz-scrollbars-none;
}

    -ou-

    html {
overflow: -moz-scrollbars-none;}
}

    ci-dessus sont utilisés pour travailler, mais j'ai maintenant, j'ai perdu la molette de défilement. Uniquement les touches fléchées du clavier de travail maintenant.

    Espère que j'ai compris ce que vous voulez et cela permet de.
    Landis.

    OriginalL'auteur Landis Reed

  4. 0

    Vous pourriez être en mesure d'utiliser overflow:-moz-hidden-unscrollable -- cela a fonctionné parfaitement pour mes besoins, en partie parce que j'étais déjà à l'aide de dragscroll.js.

    OriginalL'auteur Jon Maloto