关闭

滚动视觉差原理

985人阅读 评论(0) 收藏 举报
分类:

首先要知道一个api

window.scrollTo(x,y)

其中x,y分别为滚动条向x,y方向移动的位置,如果网页宽度不够则不出现滚动条,设多少都没用。


$(function() {
  $(window).scroll(function(){
    var scrolled = $(this).scrollTop();
    $('#area1').css('top',(0-(scrolled*.75))+'px');
    $('#area2').css('top',(0-(scrolled*.5))+'px');
    $('#area3').css('top',(0-(scrolled*.25))+'px');
  });
});

三个区域都是绝对定位,只不过z-index的大小不同,这样当window滚动时,三个layer按不同速度滚动,基准速度是scroll,即window滚动的基本速度。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:39062次
    • 积分:872
    • 等级:
    • 排名:千里之外
    • 原创:49篇
    • 转载:8篇
    • 译文:0篇
    • 评论:6条
    文章分类
    最新评论