<!DOCTYPE html>
<br> #div1{width: 100px;height:150px;background: red;position: absolute;right: 0;bottom:0;}<br>
<br> window.onscroll=function(){<br> var oDiv=document.getElementById("div1");<br> var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;</p> <pre><code> //oDiv.style.top=document.documentElement.clientHeight-oDiv.offsetHeight+scrollTop+"px"; startMove(document.documentElement.clientHeight-oDiv.offsetHeight+scrollTop); var timer=null; function startMove(iTarget){ var oDiv=document.getElementById("div1"); clearInterval(timer); timer=setInterval(function(){ var speed=(iTarget-oDiv.offsetTop)/6; var 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> </code></pre> <p></head><br> <body style="height: 2000px"><br> <div id="div1"></div><br> </body><br> </html></p>