Jour 47 : la propriété overscroll-behavior

Vous pouvez utiliser le overscroll-behavior propriété pour désactiver le chaînage de défilement.

Si vous faites défiler la boîte intérieure dans l’exemple suivant jusqu’à la fin et que vous continuez à défiler, la boîte extérieure commence également à défiler, et enfin toute la page.

.demo.outer, .demo .inner { rembourrage : 1rem ; bordure : 10px solide ; débordement : automatique ; taille de police : 1rem ; } .demo.outer { border-color : marron ; max-largeur : 40 rem ; hauteur max : 400px ; } .demo .inner { border-color: hotpink; largeur max : 50 % ; hauteur max : 200px ; flotteur : gauche ; marge : 0 1rem 1rem 0 ; } .demo2 .inner { overscroll-behavior : aucun ; }

Et les abrutis pensent qu’ils peuvent faire semblant
Mais je vais le laisser tomber à un niveau supérieur
Parce que je suis enclin à me baisser, à distribuer des coups
Pourrait faire rouler un train sur des imbéciles punk qui pensent qu’ils dirigent le jeu
Mais j’ai appris à brûler ce pont et à supprimer
Ceux qui concourent à un niveau obsolète
Au lieu de cela, je réchauffe mes mains sur les flammes du drapeau
Pour rappeler la chute et les entreprises qui nous ont tous brûlés
Voir à travers les nouvelles et les points de vue qui déforment la réalité
Assez, j’appelle le bluff, putain de Manifest Destiny
Propriétaires et putains de pouvoir, sur mon peuple, ils se sont relayés
Je conteste les costumes, je m’enflamme et je les regarde brûler

Avec les pensées d’un esprit militant
Ligne dure, ligne dure après ligne dure
Propriétaires et putains de pouvoir, sur mon peuple, ils se sont relayés
Je conteste les costumes, je m’enflamme et je les regarde brûler

Brûle, brûle, oui, tu vas brûler
Brûle, brûle, oui, tu vas brûler
Brûle, brûle, oui, tu vas brûler
Brûle, brûle, oui, tu vas brûler (Oui, tu vas)
Brûle, brûle, oui, tu vas brûler
Brûle, brûle, oui, tu vas brûler
Brûle, brûle, oui, tu vas brûler
Brûle, brûle, oui, tu vas brûler

Ça va un, deux, trois, un autre morceau de bombe funky et radical
Commencé comme un croquis dans mon cahier
Et maintenant, les crochets de dope font que les punks prennent un autre regard
Mes pensées que tu entends et tu commences à avoir peur
Que ta carte sera tirée si tu interfères

Dans certains cas, ce comportement n’est pas souhaitable. Vous pouvez utiliser overscroll-behavior pour empêcher les parchemins de s’enchaîner.

.inner {
  overscroll-behavior: none;
}

Mon blog ne prend pas encore en charge les commentaires, mais vous pouvez répondre via blog@matuzo.at.