javascript - Comment faire apparaître dynamiquement un site Web PC lors du défilement de la souris

Question

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

Answer 1

Vous pouvez utiliser certaines bibliothèques de développement tierces telles que wow.js, ou créer la vôtre

Answer 2

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é

.

Answer 3

Surveillez la hauteur de défilement et ajoutez le style CSS3

Answer 4

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.

Answer 5

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

Answer 6

//Événement de défilement de la souris
$(window).scroll(function(){

//获取当前滚动条距离顶部的高度
var scrollTop = $(this).scrollTop();  
//定义你动画动画应该在滚动条在哪个高度以上显示  假设200px；
if(scrollTop>200){
    //你的动画效果函数
}

}