html折叠悬浮,html5广告悬浮问题

我们在制作网页时经常遇到广告悬浮问题，下面这个html5列子比较简单，但是能够解决问题！！

类似广告悬浮< / title >

.img {

position：absolute;

宽度：100px;

高度：100px;

上：100px;

右：18px;}

<

>

div >

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

var scroll = function(i){

var space = id(i).offsetTop;

id(i).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(i).style.top);

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

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

}

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

}，12);

}()

}

scroll('sroling');

script >

body >