回到顶部

最新推荐文章于 2023-09-04 10:22:10 发布

【Help】

最新推荐文章于 2023-09-04 10:22:10 发布

阅读量466

点赞数

分类专栏： asp.net

本文链接：https://blog.csdn.net/zhanglong_longlong/article/details/27714827

版权

asp.net 专栏收录该内容

90 篇文章 0 订阅

订阅专栏

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>返回顶部完整代码 - 柯乐义</title>
<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.8.2.min.js"></script>
</head>
<body>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<img src="http://static.blog.csdn.net/images/top.png" alt="TOP" id="back-to-top" href="#" title="回到顶部" style="cursor: pointer; border: 0px none; bottom: 134px; width: 80px; height: 28px; margin: 0px; padding: 0px 13px 0px 0px; position: fixed; right: 40px; display:none; " />
<script type="text/javascript">
    $(function () {
        //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
        $(function () {
            $(window).scroll(function () {
                if ($(window).scrollTop() > 100) {
                    $("#back-to-top").fadeIn(100);
                }
                else {
                    $("#back-to-top").fadeOut(100);
                }
            });

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

            $("#back-to-top").click(function () {
                $('body,html').animate({ scrollTop: 0 }, 0);
                return false;
            });
        });
    });
</script>
</body>
</html>

【Help】

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
回到顶部

返回顶部完整代码 - 柯乐义 $(function () { //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失 $(function () { $(window).scroll(function () { if ($(window).scrollTop() > 100)
复制链接

扫一扫

专栏目录