javascript - Idées d'implémentation de la barre de défilement js

Question

Le plug-in de barre de défilement Vue2.0 n'a pas été trouvé. Je voulais utiliser JS pour implémenter la barre de défilement. J'ai trouvé plusieurs plug-ins JS pour l'implémentation de la barre de défilement sur Internet. Je voudrais demander si un maître a écrit le code à barres de défilement manuellement ? Ou existe-t-il un blog connexe ? Aucun code n'est requis, juste une idée de mise en œuvre de base est OK

Answer 1

Première structure

<p class="wrapper">//包裹
  <p class="content">
    //内容
 </p>
</p>

Je ne parlerai pas de CSS. Nous devons calculer la hauteur de la barre de défilement en fonction de la hauteur du contenu, puis garantir le mouvement de l'élément de contenu et de la barre de défilement après le déclenchement de l'événement de défilement.
Pour des raisons de compatibilité, vous devez prendre en compte les événements de molette de la souris et tactiles, c'est tout.

Answer 2

J'en ai écrit un il y a longtemps, vous pouvez simplement regarder la description du lien

Answer 3

1. N'utilisez pas js pour créer une position de style d'objet flottant : corrigée. Mais il n’y a pas d’effet flottant.
2. Object js rend le style d'objet flottant absolu. Liez l'événement scroll à l'objet pour déterminer la distance entre la position de l'objet et le haut de la fenêtre. Vous pouvez utiliser scrollTop pour le déplacer. Il existe de nombreuses méthodes de ce type, vous pouvez les rechercher en ligne

Answer 4

Plug-in de barre de défilement jc

Écrit par moi-même, vous pouvez l'utiliser. Si vous avez des questions, veuillez nous contacter

.