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>

  • 相关阅读:
    Linux vi或vim替换
    Linux vi或vim统计字符出现次数
    Pycharm 操作Git
    离线安装 Python三方包
    Python 列表排序,sort函数,分组排序
    执行shell脚本,并把执行结果存入文件
    Git 拉取近期提交的代码
    Python base64编码和解码
    媒体信息源
    每日随笔
  • 原文地址:https://www.cnblogs.com/lanyueff/p/4601943.html
Copyright © 2011-2022 走看看