|
#2
冰镇柠檬汁儿2015-03-25 21:13
|
<style>
#div1{width:100px;height:150px;background:red;position:absolute;right:0; bottom:0;}
</style>
<script>
window.onscroll=function ()
{
var odiv=document.getElementById('div1');
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop
startmove(document.documentElement.clientHeight-odiv.offsetHeight+scrollTop);
//odiv.style.top=document.documentElement.clientHeight-odiv.offsetHeight+scrollTop+'px';
var timer=null;
function startmove(iTarget)
{
var odiv=document.getElementById('div1');
clearInterval(timer);
timer=setInterval(function (){
var speed=(iTarget-odiv.offsetTop)/6;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if(odiv.offsetTop==iTarget)
{
clearInterval(timer);
}
else
{
odiv.style.top=odiv.offsetTop+speed+'px'
}
},30)
}
}
</script>
</head>
<body style="height:2000px;">
<div id="div1">
</div>
</body>
</html>