您的位置:首页 > 其它

滚动视觉差原理

2015-11-19 19:07 302 查看
首先要知道一个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滚动的基本速度。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: