网页返回顶部

最新推荐文章于 2024-09-08 16:45:30 发布

ZM171462271

最新推荐文章于 2024-09-08 16:45:30 发布

阅读量377

点赞数

分类专栏： Web开发常用相关

本文链接：https://blog.youkuaiyun.com/u010789887/article/details/18039841

版权

Web开发常用相关专栏收录该内容

2 篇文章

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(window).scroll(function () {
            var sc = $(window).scrollTop();
            var rwidth = $(window).width;
            if (sc > 1000) {
                $("#goTop").show("slow");
                $("#goTop").css("left", (rwidth - 36) + "px");
            } else {
                $("#goTop").hide("slow");
            }
            $("#goTop").click(function () {
                $(window).scrollTop(0);
            });
        });
    </script>
    <style type="text/css">
        
        #goTop
        {
            position: fixed;
            width: 52px;
            bottom: 1px;
            height: 52px;
            cursor: pointer;
            display: none;
            background-image: url(Images/toTop.gif);
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div style="width: 1000px; height: 5000px; background-color: Yellow;">
        sdfdsfdsfds
    </div>
    <div id="goTop">
    </div>
    </form>
</body>
</html>