点击返回页面顶部-js

   <script>
        window.onload=function(){
            var oBtn = document.getElementById('btn');
            var turn =false ;
            var time = null ;
            window.onscroll=function(){

                if(turn){
                    clearInterval(time)
                }
                turn =true ;
            }
            oBtn.onclick=function () {

                time=  setInterval(function(){

//                    document.body.scrollTop谷歌浏览器支持 document.documentElement.scrollTopIE以及火狐支持
                    var scroll=document.documentElement.scrollTop||document.body.scrollTop ;
                    var spend =Math.floor( -scroll/20 ) ;
                    if(scroll==0){
                        clearInterval(time)
                    }

                    document.documentElement.scrollTop=document.body.scrollTop=scroll+spend;
                    turn =false;

                },30)

            }
        }
    </script>

 

posted on 2016-07-07 02:15  web小白菜  阅读(172)  评论(0编辑  收藏  举报

导航