jQuery视差滚动效果网页实现方法的经验总结
本文对jQuery视差滚动效果网页的实现进行了总结和分析，供大家参考，如下：首先，两个核心功能当然是基于jQuery的。
1，$（document）的ScrollTop（）；
函数是在页面顶部的页面顶部返回页面顶部的像素值，它是一个非负整数。
2，$（窗口）；
事件是监视页是否滚动，滚动一次之后，它的回调函数被触发。
从这两个函数中，我们得到以下代码：
$（窗口）。滚动（函数（）{）
var = $（document）的ScrollTop（）；
如果（顶部= 100）和警报（顶部）；
}）；
上面的代码意味着当页面滚动时，页面顶部距离的顶部距离之间的像素为100，并且弹出消息框。
当可以判断滚动距离时，可以进行其他操作，剩下的是各种CSS的位置。
在制作页面时，我们必须确保图像是用视差滚动的，对于每一张图片，我们都需要定义CSS属性为
位置：绝对；
此时，div会漂移到页面的左上角。当然，最好是写左：0px，顶部：0px，以及宽度和高度的div如果必要的话，我们需要写溢出和背景。所有图片都应该是PNG格式，你知道吗。
设置属性时，div的位置位于该位置，即修改左和顶部，并在必要时修改右和底部。
工作完成后，可以设置动画。
所使用的函数是CSS，我设置了CSS。
$（# text1）。Css（前，text1_top-parseint（s_top）* 0.15 + 'px）；
上面的代码放置在滚动（）函数，只要页面滚动monitored.s_top执行当前的滚动距离，提到before.text1_top美元是原来的位置（# text1），当页面加载时，它需要阅读。一般用：
text1_top = $（var的# text1）。偏移（顶部）；
它不能放在滚动（）函数中。
现在我们开始描述视差滚动的原理。
当页面加载时，它得到的高度（#美元text1）从页面顶部的距离和分配到text1_top。
当页面滚动的事件触发，我们执行的语句（美元# text1）。Css（前，text1_top-parseint（s_top）* 0.15 + 'px），这意味着随着页面向下滚动，text1顶端距离减少0.15倍，目前的移动距离，页面移动100像素，而移动15像素，等等。这里是正负需要注意，如果是移动15像素。换句话说，加上同一个方向，反向为负。
当书页滚动到一定距离时，它被触发，而我的写作就是判断：
如果（s_top > 200）{
$（# text1）。Css（前，text1_top-parseint（s_top - 200）* 0.15 + 'px）；
}
当滚动距离为200像素，运行以下语句：这里是一个不同的是s_top - 200，这是0的基数，如果没有减少200，那么基数不是0，而是200。然后# text1视差滚动不正确。
最后，我想谈谈偏移功能，其主要目的是确定左上的当前元素的值。我们之前说过的：绝对位置；div设置，如果不设置这个div，但是你需要滚动，首先要确定你的左侧和顶部用偏移功能元素，CSS的功能首先是分配给定位元素（在您设置的位置：绝对，然后设置；）位置的元素：绝对的；这也是滚动需要（）函数外。
当写视差滚动页面时，最大的体会就是要有清晰的思路，再次注意操作的顺序，有时需要回调函数。
需要一个相对安静的环境来写代码，精神放松，所以效率会更高，休息的时候需要休息，写代码就行了。
更多有关jQuery相关内容的读者可以看到特别站：jQuery Windows操作技能
希望本文能对jQuery程序设计有所帮助。