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

<script>
$(document).ready(function(){
    $("#go_top").hide();
    $(function () {
        //检测屏幕高度
        var height=$(window).height();
        //scroll() 方法为滚动事件
        $(window).scroll(function(){
            if ($(window).scrollTop()>height){
                $("#go_top").fadeIn(500);
            }else{
                $("#go_top").fadeOut(500);
                }
        });
        $("#go_top").click(function(){
            $('body,html').animate({scrollTop:0},100);
            return false;
        });
    });
});
</script>

笔记笔记笔记。。。

 

---

 

 

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

 

function goTopEx(){
        var obj=document.getElementById("goTopBtn");
        function getScrollTop(){
                return document.documentElement.scrollTop;
            }
        function setScrollTop(value){
                document.documentElement.scrollTop=value;
            }    
        window.onscroll=function(){getScrollTop()>0?obj.style.display="":obj.style.display="none";}
        obj.onclick=function(){
            var goTop=setInterval(scrollMove,10);
            function scrollMove(){
                    setScrollTop(getScrollTop()/1.1);
                    if(getScrollTop()<1)clearInterval(goTop);
                }
        }
    }