http://www.coolz.cc/
这是最终实现的效果
首先banner要设置为固定定位,position:fixed;
实现两个元素以不同的速度一起滚动,他们滚动的距离成比例,需要进行动态的计算
$(window).scroll(function () {
if ($(window).scrollTop() >= 0) {
var scrollHeight = $(window).scrollTop();
$('.banner').animate({'top': '-'+ scrollHeight / 3 + 'px' }, 10);
}
})