Je souhaite désactiver ou supprimer le scrollbar
vertical dans une page HTML.
Comment faire ça ?
Merci.
Si vous en avez vraiment besoin ...
html { overflow-y: hidden; }
mettez ce code dans votre en-tête html:
<style type="text/css">
html {
overflow: auto;
}
</style>
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
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/