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>

  • 相关阅读:
    2-1
    project 1
    application.properties
    springbootmybaits_day2
    springbootMybaits_day1
    linux文件夹赋予权限
    属性拼接问题
    三种数据库的配置文件db.properties
    mysql对应java中常用的字段
    Spring里面的注解
  • 原文地址:https://www.cnblogs.com/gcczhongduan/p/5178445.html
Copyright © 2011-2022 走看看