在窗口滚动上实现滑动图像效果的方法

时间:2015-09-30 18:44:43

标签: javascript jquery html css

我正在尝试重新创建类似于铅笔效果的东西: http://www.fiftythree.com/pencil

不完全相似。在当前页面的大约一半处,当用户向下滚动窗口时,铅笔类型会随着每个部分的描述拉开。

我试图使用jquery .animate函数以相同的方式将多个div分开。

IE:(image1)在(image3)后面(image2)。

垂直手风琴效果的排序。 我基于scrollTop变量。在某些时候它会以不同的方式移动div。所有事件都包含在此循环中。

$(window).scroll(function (event) {

    var scroll = $(window).scrollTop();
    // doing stuff

}

我的问题是滚动功能的执行速度不够快。如果我慢慢地滚动它是有效的,如果我快速滚动它有点试图赶上并且要么是偏离位置还是太生涩。

你们都认为这是实现这种效果的一种不错的方法,如果是这样的话 - 有关设置刷新时间的任何建议,以检查用户在页面上滚动的位置吗?

0 个答案:

没有答案