这个网站是一个简单的动画效果,当用户在页面上滚动时,名为”rightDiv”的元素会根据滚动的距离产生动画效果。
定义了一个变量lastScrollY
并初始化为0,用于存储上一次页面滚动的高度。然后定义了一个名为heartBeat
的函数,该函数的作用是检测用户的滚动动作并根据滚动距离调整”rightDiv”元素的位置。
在heartBeat
函数中,首先通过判断document.documentElement
和document.body
的存在来获取当前页面滚动的距离,如果都不存在,则使用Netscape兼容的方式。接着计算出滚动距离与上次滚动距离的差值百分比,然后根据百分比的正负值分别向上取整或向下取整得到需要移动的距离。最后,将这个距离添加到”rightDiv”元素的样式中,使其产生动画效果。
每次调用heartBeat
函数时,都会更新lastScrollY
为当前滚动的高度,以便下次计算滚动距离时使用。这样就实现了一个简单的页面动画效果。