zoukankan      html  css  js  c++  java
  • js实例--js滚动条缓慢滚动到顶部

    收集篇(已测)--

    <html>
    <head>
    <script type="text/javascript">
    var currentPosition,timer;
    var speed=10;
    function GoTop(){
    timer=setInterval("runToTop()",1);
    }
    function runToTop(){
    currentPosition=document.documentElement.scrollTop || document.body.scrollTop;
    currentPosition-=speed; //speed变量
    if(currentPosition>0)
    {
    window.scrollTo(0,currentPosition);
    }
    else
    {
    window.scrollTo(0,0);
    clearInterval(timer);
    }
    }
    </script>
    <style type="text/css">
    </style>
    </head>
    <body>
    <div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">饭</div>
    <div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">吃</div>
    <div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">家</div>
    <div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">回</div>
    <div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">你</div>
    <div style="height:1000px;text-align:center;font-size:200px;font-weight:bold;">带</div>
    <div id="back-up" onclick="GoTop()" style="border:1px solid red;height:100px;15px;position:fixed;cursor:pointer;right:10px;bottom:30px;">返回顶部</div>
    <script>
    window.scrollTo(0,document.body.scrollHeight);
    </script>
    </body>
    </html>

  • 相关阅读:
    AD域渗透总结
    CTF
    ew做代理 进一步内网渗透
    CVE-2019-0708复现
    win 内网frp反弹到内网liunx
    Liunx反弹shell的几种方式
    sql到python正则
    PHP面向对象学习-属性 类常量 类的自动加载 构造函数和析构函数 访问控制(可见性)
    PHP反序列化学习
    PHP面向对象学习
  • 原文地址:https://www.cnblogs.com/lanyueff/p/4601943.html
Copyright © 2011-2022 走看看