Pourquoi ScrollIntoView() provoque-t-il des changements de page horizontaux ?

ScrollIntoView() provoquant un décalage horizontal de la page

Lors de l'utilisation de ScrollIntoView() pour afficher un élément spécifique dans un conteneur de défilement, un mouvement horizontal inattendu de la page entière peut se produire lors du défilement vers le haut. Ce problème se pose particulièrement lorsque le conteneur de défilement est positionné de manière fixe dans la page.

Pour corriger ce problème, pensez à utiliser le code suivant :

element.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' })

Ce code introduit des options supplémentaires au scrollIntoView( ) fonction :

• behavior : 'smooth' : fournit une animation de défilement fluide.
• block : 'nearest' : fait défiler le conteneur jusqu'au bord le plus proche de la fenêtre.
• inline: 'start' : Aligne l'élément au début de la fenêtre (horizontalement).

En spécifiant inline: 'start', on empêche le décalage horizontal de la page. Notez que les valeurs les plus proches et les valeurs de départ devront peut-être être ajustées en fonction de vos besoins spécifiques.

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!