標籤：style blog http 使用 os width
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title></title><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(parseInt((document.documentElement.clientHeight-oDiv.offsetHeight)/2+scrollTop));//使用parseInt是防止可能出現除2之後出現.5情況，導致懸浮框上下抖動。};var timer=null;function startMove(iTarget){var oDiv=document.getElementById('div1');clearInterval(timer);timer=setInterval(function (){var speed=(iTarget-oDiv.offsetTop)/4;speed=speed>0?Math.ceil(speed):Math.floor(speed);if(oDiv.offsetTop==iTarget){clearInterval(timer);}else{document.getElementById('txt1').value=oDiv.offsetTop;oDiv.style.top=oDiv.offsetTop+speed+'px';}},30);}</script></head><body style="height:2000px;" > <input type="text" id="txt1" style="position:fixed; right:0; top:0;"/> <div id="div1"></div></body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
