Réponses:
Ces deux propriétés CSS peuvent être utilisées pour masquer les barres de défilement:
overflow-y: hidden; // hide vertical
overflow-x: hidden; // hide horizontal
tab
, à condition qu'il y ait des liens ou des éléments d'entrée dans le débordement caché
Vous ne devez utiliser que
overflow-y:hidden;
- Utilisez ceci pour masquer le défilement vertical
overflow-x:auto;
- Utilisez ceci pour afficher le défilement horizontal
Luke a mentionné que les deux étaient cachés. donc je l'ai donné séparément.
débordement: automatique;
overflow-y: caché;
Pour IE8: -ms-overflow-y: hidden;
Ou sinon :
Pour masquer X :
<div style="height:150x; width:450px; overflow-x:hidden; overflow-y: scroll; padding-bottom:10px;"></div>
Pour masquer Y :
<div style="height:150px; width:450px; overflow-x:scroll ; overflow-y: hidden; padding-bottom:10px;"></div>
Si vous voulez accomplir la même chose dans Gecko (NS6 +, Mozilla, etc.) et IE4 + simultanément, je pense que cela devrait faire l'affaire: V
body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
}
Cela sera appliqué à la balise body entière, veuillez la mettre à jour avec votre css pertinent et appliquer ces propriétés.
Que diriez-vous d'une notation abrégée?
{overflow: auto hidden;}
si vous souhaitez désactiver la barre de défilement, mais toujours capable de faire défiler le contenu de la DIV interne, utilisez le code ci-dessous en css,
.divHideScroll::-webkit-scrollbar {
width: 0 !important
}
.divHideScroll {
overflow: -moz-scrollbars-none;
}
.divHideScroll {
-ms-overflow-style: none;
}
divHideScroll est le nom de classe du div cible.
Il fonctionnera dans tous les principaux navigateurs (Chrome, Safari, Mozilla, Opera et IE)
margin-bottom
qu'avec une valeur négative va jouer avecoverflow-y: hidden
etc.