Masquer la barre de défilement, mais en étant capable de faire défiler

Question

Je veux être en mesure de faire défiler à travers la page entière, mais sans la barre de défilement en a montré.

Dans Google Chrome il a

Mais Mozilla Firefox et Internet Explorer ne semblent pas fonctionner comme ça.

J’ai aussi essayé css :

Qui ne cache pas la barre de défilement, mais je ne peux pas faire défiler plus.

Est de toute façon je peux enlever la barre de défilement et en étant capable de faire défiler toute la page ? Avec juste le css ou le html s’il vous plaît.

Answer 1

Juste un test qui fonctionne très bien. Je ne sais pas si vous êtes autorisé à le faire.

Violon de travail

Infos :

D’après cette réponse, j’ai créé un plugin simple défilement. J’espère que ce sera utile pour quelqu'un.

Answer 2

<div style='overflow:hidden; width:500px;'>
   <div style='overflow:scroll; width:508px'>
      My scroll-able area
   </div>
</div>

c'est un truc d'un peu de chevauchement de la barre de défilement avec un chevauchement des div qui ne marche pas toute les barres de défilement

::-webkit-scrollbar { 
    display: none; 
}

ce n'est que pour les navigateurs webkit.. ou vous pouvez utiliser le navigateur css spécifique (si il y a de tout dans l'avenir) chaque navigateur peut être différente et spécifique de la propriété de leurs respectifs bars

--EDIT--

Il n'y a pas d'équivalent pour les FF ou IE Bien qu'il existe le plugin JQuery pour réaliser cette http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html

Answer 3

Il suffit d’utiliser les 3 lignes suivantes et votre problème sera résolu :

Où liaddshape est le nom de div où scrool est à venir.

Answer 4

ce sera le corps :

et c’est le css :

Answer 5

Pas sûr si je suis trop en retard à la fête mais ajout

a fonctionné pour moi