Voici l'URL de la démo?: http://demo.cssmoban.com/csst...
Comment faire appara?tre dynamiquement le contenu de la page Web lorsque la balle de la souris glisse
Vous pouvez utiliser certaines bibliothèques de développement tierces telles que wow.js, ou créer la v?tre
Selon la barre de défilement à droite, lorsqu'elle atteint la position spécifiée, elle sera affichée et le code d'effet dynamique correspondant sera exécuté
.Cela ajoute simplement un moniteur à défilement. Faites défiler jusqu'à la position correspondante pour changer l'opacité de la position correspondante de 0 à 1, ainsi que certaines autres propriétés CSS. Ces styles ont ajouté des effets d'animation.
Il est nécessaire d'ajouter un événement de défilement de surveillance, et d'utiliser les résultats de l'écoute pour déterminer s'il faut l'obtenir de manière asynchrone ou ajouter ou afficher les parties existantes mais non affichées
//événement de défilement de la souris
$(window).scroll(function(){
//獲取當(dāng)前滾動(dòng)條距離頂部的高度
var scrollTop = $(this).scrollTop();
//定義你動(dòng)畫動(dòng)畫應(yīng)該在滾動(dòng)條在哪個(gè)高度以上顯示 假設(shè)200px;
if(scrollTop>200){
//你的動(dòng)畫效果函數(shù)
}
}