返回顶部按钮

来源:互联网 发布:爱淘宝推广 编辑:程序博客网 时间:2024/04/30 11:03

返回顶部按钮,在往下滑动的时候才会显示,在顶部的时候不会显示

<a href="#top"><div onclick="$('html,body').animate({ scrollTop: 0 }); return false;" id="to_top" style="display: none;">返回顶部</div></a><script>$(window).scroll(function () {        // 目的のスクロール量を設定(px)        var TargetPos = 100;        // 現在のスクロール位置を取得        var ScrollPos = $(window).scrollTop();        // 現在位置が目的のスクロール量に達しているかどうかを判断        if( ScrollPos >= TargetPos) {            // 達していれば表示            $("#to_top").fadeIn();        }        else {            // 達していなければ非表示            $("#to_top").fadeOut();        }    });</script>
0 0
原创粉丝点击