123
user profile image

CSS overscroll-behavior : Contrôlez le scroll de vos interfaces.

Css overscroll-behavior est une propriété CSS qui permet de contrôler le comportement par défaut du navigateur lorsqu’on dépasse une zone de scroll.

Dans ce pen, on prend l'exemple d'une modale qui s'ouvre par dessus un article.

Par défaut, lorsqu'une modale possède du contenu qu'on peut faire défiler, si on atteint la limite de défilement de ce contenu, alors la page sous-jacente défilera sous la boîte de dialogue.

ce comportement s'appelle le "scroll chaining".

Nous utilisons overscroll-behavior éviter ce scroll-chaining. #nojs #cssonly.

Le javascript présent dans ce pen permet uniquement de proposer une interface avec un bouton qui ajoutera et supprimera une classe.

Comments

  1. No comments yet.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.
Loading...