Bien qu'il soit impressionnant d'implémenter des animations de défilement déclenchées par des boutons de saisie, la question se pose : peut-on obtenir le même effet sans boutons, en utilisant uniquement des balises d'ancrage ?
Solution
Pour créer des animations de défilement fluides sans boutons, nous pouvons exploiter les liens d'ancrage couplés à la propriété scroll-behavior. Cette propriété, prise en charge par les navigateurs modernes comme Firefox, Chrome et Safari, dicte le comportement de défilement dans le conteneur désigné.
Pour mettre en œuvre cette solution :
Exemple d'utilisation :
<code class="html"><head>
<style type="text/css">
html {
scroll-behavior: smooth;
}
</style>
</head>
<body id="body">
<a href="#foo">Go to foo!</a>
<!-- Some content -->
<div id="foo">That's foo.</div>
<a href="#body">Back to top</a>
</body></code>Support des navigateurs :
Gardez à l'esprit que même si cette technique est prise en charge par les navigateurs populaires, les anciennes versions d'Internet Explorer, non-Chromium Edge et Safari peuvent ne pas le prendre en charge et recourir à des sauts instantanés pour lier des cibles.
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!
Comment utiliser Redis comme serveur de cache
l'utilisation du processeur
Comment ouvrir le format TIF sous Windows
Une liste complète des commandes d'exploitation et de maintenance du serveur Linux
La différence entre sqlserver et mysql
utilisation de la fonction memset
Qu'est-ce qu'un ETF Bitcoin ?
fenêtre.setinterval
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
