javascript - 如何做出pc网站随鼠标滚动动态出现效果

问题描述

这是demo网址：http://demo.cssmoban.com/csst...随鼠标滚珠滑动，网页中的内容动态出现是怎么做到的

问题解答

可以使用一些第三方开发库如 wow.js，也可以自己造

根据右侧滚动条, 当到达指定的位置时, 就显示出来并执行对应的动态效果代码.

监听滚动高度，加Css3样式

这个只是加了一个滚动监听。滚动到相应的位置让对应位置的opacity从0变为1，还有一些其他的css属性，这些样式都添加了动画的效果。

就是要添加一个监听滚动事件，根本监听到的结果来判断要不要异步获取或者把已有但没有显示的部分，添加或者显示出现

//鼠标滚动事件$(window).scroll(function(){

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

}