Quelle est l'importance du défilement par débordement ?

Cette fois je vais vous apporter l'importance du défilement par débordement, et les notes de l'importance du défilement par débordement. Voici un cas pratique, jetons un oeil.

Principe

Pour définir un effet de débordement de portée au niveau du bloc, il vous suffit de définir overflow:scroll et height:xx à l'emplacement du bloc externe.

À ce moment-là, lorsque le déplacement du contenu de la portée au niveau du bloc dépasse le déplacement du bloc externe, une barre de défilement apparaîtra lorsque le bloc interne défile, nous pouvons voir l'effet de défilement. Il existe deux méthodes d'implémentation ici. Le réglage (top:0 et bottom:0) sur l'élément parent (appelé bloc externe) peut corriger la zone de défilement. Il existe également une autre façon de définir la hauteur de l'élément parent : xx à. compléter l'effet de défilement.

Si la barre de défilement que vous voyez est une barre de défilement située sur le bord du navigateur, cela signifie que l'événement scroll scroll n'est pas lié.

Dans le passé, nous l'utilisions pour empêcher l'exposition du contenu texte et pour isoler les ressources de l'élément enfant de l'élément parent. Si vous souhaitez accéder au contenu des données inclus via un port http, vous devez le faire. Il est généralement nécessaire de charger les données. En utilisant cette méthode, la souris de l'utilisateur défile jusqu'à la position correspondante avant que les données ne soient chargées de manière synchrone. Par exemple, les données de liste d'une page sont obtenues à partir de l'arrière-plan et les données sont mises à jour via ajax et synchronisées. en HTML. Il y a aussi le rôle des événements de liaison de défilement, qui sont la fonction de croix visuelle.

Événement de défilement

le défilement par débordement comprend overflow-x et overflow-y et le débordement fait défiler directement la partie excédentaire, mais défile horizontalement et verticalement. l'effet est différent. Nous pouvons effectuer différents traitements d'événements de défilement en fonction de la largeur et de la hauteur du défilement.

Trois clés

Traitement des événements de défilement de débordement, trois facteurs clés doivent être écrits sur le CSS, l'un est position : absolu, le second est débordement : défilement et le troisième Pour le haut : déplacement, le bas : déplacement (ou hauteur fixe), si on utilise l'effet de défilement de débordement lors de l'appel d'autres événements sur le composant, le composant deviendra plus coloré.

Fin

Si vous oubliez de définir le débordement : défilement et hauteur ou haut et bas, vous pouvez toujours faire un détour ici, donc afin d'éviter les événements de liaison de défilement, nous avons besoin de Définir le débordement et déplacement.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

html+css+jquery pour créer des onglets

sauter après l'événement de clic du lien hypertexte html a Rediriger l'adresse pointée par href

Il n'est pas valide de définir plusieurs attributs de classe en 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!