首页 > 其他 > 详细

多个返回 顶部的代码

时间:2016-02-02 20:39:00      阅读:176      评论:0      收藏:0      [点我收藏+]

代码1:

 $("#back-to-top").click(function () {
            $(‘body,html‘).animate({
                scrollTop: 0
            }, 1000);
            return false;
        }); 

代码2:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body style="height:6000px;position: relative;">
<a href="javascript:;" style="position: absolute;right:0;bottom:0;" id="btn">返回顶部</a>
<script type="text/javascript">
    window.onload=function()
    {
        var btn=document.getElementById("btn");
        var scrolldelay;
        var iNow=0;
        var top=document.body.scrollTop | document.documentElement.scrollTop;
        window.onscroll=function()
        {
           top = document.body.scrollTop | document.documentElement.scrollTop;
            if(top<=0)
            {
                clearInterval(scrolldelay);
            }

        };


        btn.onclick=function()
        {
            scrolldelay = setInterval(pageScroll,60);
            function pageScroll() {
                iNow+=200;
                window.scrollBy(0,-iNow);
            }
        };


    }


</script>
</body>
</html>

多个返回 顶部的代码

原文:http://www.cnblogs.com/gcczhongduan/p/5178445.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!