jquery 实现当页面下拉到一定位置时,右下角出现回到顶部

<style type="css/text">
    #gotop{position:fixed;right:10px;bottom:10px;display:none}
</style>
<div id="gotop"></div>
 
 

<script  type="text/javascript">    

$(document).ready(function () {     

    $(window).scroll(function () {            

   if ($(window).scrollTop() > 600) {                

        $(".rightNav").fadeIn(1000);            

  } else {   

                   $(".rightNav").fadeOut(1000);          

     }  

 })

        $(".rightNav").click(function () {        

         $('body,html').animate({ scrollTop: 0 }, 1000);   

       });            

})  

</script>

posted @ 2015-05-08 08:55  千里之行、始于足下  阅读(128)  评论(0)    收藏  举报