淘寶首頁返回頂部效果怎么做到的？

重寫window.onscroll()事件，先將返回頂部div設置為position:fixed;right:10px;bottom:10px;display:none，一旦event.scrollTop>100(100可以設置為你想要的值)就display:block（fadeIn()），否則display:none(fadeOut())。還要設置返回頂部div點擊事件，onclick(function(){$('body,html').animate({scrollTop:0},1000);})，這個什么意思不用我多說吧，既然搞Jquery，動畫還是應該曉得。

<style type="css/text"> #gotop{position:fixed;right:10px;bottom:10px;display:none}</style><div id="gotop"></div><script type="javascript/text"> $(function(){ $(window).scroll(function(){ if($(window).scrollTop > 100){ $("#gotop").fadeIn(1000);//一秒漸入動畫 }else{ $("#gotop").fadeOut(1000);//一秒漸隱動畫 } }); $("#gotop").click(function(){ $('body,html').animate({scrollTop:0},1000); }); });</script>