Résumé des paramètres de style de la barre de défilement HTML

Nous avons déjà introduit les paramètres des barres de défilement CSS et des barres de défilement div. Nous savons tous que le style de la barre de défilement peut être contrôlé via CSS. Aujourd'hui, je vais vous présenter un résumé des paramètres de style de la barre de défilement HTML !

Style de barre de défilement en HTML ;

1.Tutoriel style_basic de la barre de défilement html

1. La piste de la barre de défilement est enregistrée comme : scrollbar-track. Ce qu'on appelle la « piste » fait référence à l'itinéraire que doit suivre le bloc coulissant de la barre de défilement lors de son exécution. 2. Le bloc coulissant de la barre de défilement, c'est-à-dire le bloc coulissant qui peut être déplacé de haut en bas ou de gauche à droite en appuyant longuement sur le bouton gauche de la souris, et les petits carrés aux deux extrémités de la barre de défilement, enregistrés comme : face de la barre de défilement. Face est la « face » de la barre de défilement. Notez qu’elle comporte trois « faces » : la barre coulissante et les petits carrés aux deux extrémités.

2.Paramètre de l'attribut de zone de texte de la barre de défilement HTML

1. Paramètres de débordement lorsque le contenu déborde (définissez si l'objet défini affiche des barres de défilement)

overflow-x Paramètres lorsque le contenu horizontal déborde

overflow-y Paramètres lorsque le contenu vertical déborde

Les valeurs définies pour les trois attributs ci-dessus sont visibles (valeur par défaut), défilement, masqué et automatique.

3.Modification de la barre de défilement html

J'ai utilisé ceci , si elle dépasse cette hauteur, une barre de défilement verticale apparaîtra. Cette barre de défilement verticale n'est pas esthétique. Existe-t-il un moyen de supprimer cette barre de défilement verticale, mais le contenu qui dépasse 150 hauteur peut toujours défiler en faisant tourner la molette de la souris. ? Ou existe-t-il un moyen de réaliser le défilement avec les boutons au-dessus et en dessous ?

4.À propos des barres de défilement en HTML/suppression des barres de défilement



Ce code est le même que ci-dessus La seule différence est que dans les éléments définis par CSS, l'un est body et l'autre est html. Testons-le à nouveau et changeons le « corps » de la page html en « html » pour le tester et constater que l'effet peut toujours être obtenu. Alors pourquoi ?

5.Comment masquer et supprimer les barres de défilement en HTML



Ce que décrit cet article est un petit L'éditeur vous présente le code HTML pour masquer les barres de défilement et supprimer les barres de défilement. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps.

Questions et réponses liées à la barre de défilement HTML :

1.html5 - Baidu Ueditor code high Quel est le problème avec le conflit entre la lumière et la barre de défilement du segment de code ?

2.html - css::-webkit-scrollbar ne peut que définir la largeur de la barre de défilement verticale ? ? Comment définir la largeur de la barre de défilement horizontale ??

3.css3 - Lorsque la barre de défilement glisse vers le bas, comment obtenir l'effet de chaque partie de la page apparaissant

[Recommandations d'articles connexes] :

1.Utilisez le HTML et code css Résumé de l'implémentation de différents styles de table

2.Résumé des méthodes pour implémenter les styles de souris en html et css

3.Résumé des méthodes d'introduction des styles CSS dans HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!