【js笔记】内容超过一屏显示top按钮

1. <script>  
2. $(document).ready(function(){  
3.     $("#go_top").hide();  
4.     $(function () {  
5.         //检测屏幕高度  
6.         var height=$(window).height();  
7.         //scroll() 方法为滚动事件  
8.         $(window).scroll(function(){  
9.             if ($(window).scrollTop()>height){  
10.                 $("#go_top").fadeIn(500);  
11.             }else{  
12.                 $("#go_top").fadeOut(500);  
13.                 }  
14.         });  
15.         $("#go_top").click(function(){  
16.             $('body,html').animate({scrollTop:0},100);  
17.             return false;  
18.         });  
19.     });  
20. });  
21. </script>  

笔记笔记笔记。。。

 

---

 

 

发现个更好的方法，更新下。。。

 

 1 function goTopEx(){
 2         var obj=document.getElementById("goTopBtn");
 3         function getScrollTop(){
 4                 return document.documentElement.scrollTop;
 5             }
 6         function setScrollTop(value){
 7                 document.documentElement.scrollTop=value;
 8             }    
 9         window.οnscrοll=function(){getScrollTop()>0?obj.style.display="":obj.style.display="none";}
10         obj.οnclick=function(){
11             var goTop=setInterval(scrollMove,10);
12             function scrollMove(){
13                     setScrollTop(getScrollTop()/1.1);
14                     if(getScrollTop()<1)clearInterval(goTop);
15                 }
16         }
17     }

 

转载于:https://www.cnblogs.com/hmj1216/articles/6001117.html