Résumé des méthodes js/jQ pour implémenter les effets de barre de défilement

Il y a eu un article avant "Résumé des paramètres liés aux barres de défilement sur les pages HTML" , qui parle principalement de la façon de définir le style, la couleur, etc. de la barre de défilement via CSS. comment le configurer via la barre de défilement JS/JQ :

1.Un exemple d'utilisation de jQuery pour réaliser l'effet de l'ajout d'une barre de défilement numérique tridimensionnelle Une partie est un code HTML structure et l'autre partie est un segment de code js. Les amis dans le besoin peuvent s'y référer !

2.

Cet article présente principalement l'exemple de code de js implémentant un simple défilement vertical bar, avec une très bonne valeur de référence, jetons un coup d'oeil avec l'éditeur ci-dessous

3.

Cet article présente principalement les connaissances pertinentes sur l'encapsulation js native des barres de défilement personnalisées. A une très bonne valeur de référence. Jetons un coup d'oeil avec l'éditeur ci-dessous

Récemment, il y a eu un projet sur la création d'un lecteur de musique en ligne, qui nécessitait l'utilisation d'une barre de défilement, mais la barre de défilement intégrée était trop moche, alors j'ai j'y ai pensé moi-même.

4.

Normalement, lorsque la barre de défilement interne défile vers les deux se termine Lors du défilement, la barre de défilement externe défilera avec elle ; mais parfois nous espérons que l'utilisateur ne pourra faire défiler que la zone actuelle sans déclencher la barre de défilement externe (fenêtre). Ce n'est qu'après avoir quitté la zone actuelle que la barre de défilement externe peut défiler. bande. Parce que l'utilisateur peut accidentellement faire défiler trop loin, ce qui fait que la zone actuelle quitte la zone visible.

5.

$(document).height()  //是获取整个页面的高度
$(window).height()  //是获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变，与document是不一样的

Pour obtenir le bas, obtenez simplement scrollTop()>=$(document).height()-$(window).height () Sachez que vous avez défilé vers le bas

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!