jq實現置頂效果

<div class="go-top"></div>
<script>
    $(function(){  
        var go_top = $('.go-top');  

        function site(){  
            var wh = $(window).height()*0.4;  
            var st = $(document).scrollTop();  

            if(st > wh)  
                go_top.fadeIn("slow");  
            else  
                go_top.fadeOut("slow");  
        }  

        $(window).scroll(function(){   
            site();  
        })  

        //點擊go_top 按鈕時, 滾動到頂部  
        go_top.click(function(prem) {    
            prem.preventDefault();    
            //綁定返回頂部    
            var top = $(document).scrollTop();            
            var ini_h = 1;    
            timer = setInterval(function() {    
                if (top -  ini_h <= 0) {    
                    $(window).scrollTop(0);    
                    timer && clearInterval(timer);    
                } else {    
                    top = top - ini_h;    
                    $(window).scrollTop(top);  
                }    
                ini_h += 5;     //數字越大走越快    
            }, 15);    
        });  
    })  
</script>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章