html图片随着网页滚动,js随着页面滑动的图片

随屏滚动 - Liehuo.net

*{padding:0;margin:0;}

html{height:100%;}

body{height:200%;}

.box{position:absolute;width:100px;height:100px;background:#ccc}

AD1

AD2

var id=function(o){return document.getElementById(o)}

var scroll=function (o){

var space=id(o).offsetTop;

id(o).style.top=space+'px';

void function(){

var goTo = 0;

var roll=setInterval(function(){

var height =document.documentElement.scrollTop+document.body.scrollTop+space;

var top = parseInt(id(o).style.top);

if(height!= top){

goTo = height-parseInt((height - top)*0.9);

id(o).style.top=goTo+'px';

}

//else{if(roll) clearInterval(roll);}

},50);

}()

}

scroll('box1');

scroll('box2');