JS回到顶部代码小记

HTML: 
<div id="goTop">
        <a href="#top"><img src="~/Content/themes/base/images/ico_top.gif" alt="回到页首" title="回到页首 Top"></a>
    </div>
CSS:
 #goTop {
            bottom: 15px;
            margin: 0 auto;
            position: fixed; //固定定位
            margin-left: 945px;
        }

JS:
//当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失
            $(function () {
                $(window).scroll(function () {
                    if ($(window).scrollTop() > 100) {
                        $("#goTop").fadeIn(1500);
                    }
                    else {
                        $("#goTop").fadeOut(1500);
                    }
                });

                //当点击跳转链接后,回到页面顶部位置

                $("#goTop").click(function () {
                    $('body,html').animate({ scrollTop: 0 }, 1000);
                    return false;
                });
            });
原文地址:https://www.cnblogs.com/yzenet/p/5488150.html