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;

                });

            });