zoukankan      html  css  js  c++  java
  • 多个返回 顶部的代码

    代码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>

  • 相关阅读:
    SpringData概述
    运行javac 报告javac不是内部或外部命令,但是运行java、java-version正常
    Spring Data JPA
    spring-data-jpa 介绍 复杂查询,包括多表关联,分页,排序等
    Thymeleaf使用说明
    Specifications查询
    OA项目_环境搭建
    anu
    anu
    anu
  • 原文地址:https://www.cnblogs.com/gcczhongduan/p/5178445.html
Copyright © 2011-2022 走看看