web-dev-qa-db-fra.com

Désactiver ou supprimer la barre de défilement sur HTML

Je souhaite désactiver ou supprimer le scrollbar vertical dans une page HTML.
Comment faire ça ?

Merci.

20
Wassim AZIRAR

Si vous en avez vraiment besoin ...

html { overflow-y: hidden; }
46
meder omuraliev

mettez ce code dans votre en-tête html:

<style type="text/css">
html {
        overflow: auto;
}
</style>
4
Greg McNulty

Ce que j'essaierais dans ce cas, c'est de le mettre dans la feuille de style

html, body{overflow:hidden;}

de cette façon, on désactive la barre de défilement, et comme effet cumulatif, ils désactivent le défilement avec le clavier

4
Raine

Meder Omuraliev a suggéré d'utiliser un gestionnaire d'événements et de définir scrollTo (0,0). Ceci est un exemple pour Wassim-azirar. En rassemblant tout cela, je suppose que c'est la solution finale.

Nous avons 3 problèmes: la barre de défilement, le défilement avec la souris et le clavier. Cela masque la barre de défilement:

       html, body{overflow:hidden;}

Malheureusement, vous pouvez toujours faire défiler avec le clavier: Pour éviter cela, nous pouvons:

    function keydownHandler(e) {
var evt = e ? e:event;
  var keyCode = evt.keyCode;

  if (keyCode==38 || keyCode==39 || keyCode==40 || keyCode==37){ //arrow keys
e.preventDefault()
scrollTo(0,0);
}
}

document.onkeydown=keydownHandler;

Le défilement avec la souris ne fonctionne naturellement pas après ce code, nous avons donc empêché le défilement.

Par exemple: https://jsfiddle.net/aL7pes70/1/

1
Ananth Vivekanand