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>

  • 相关阅读:
    拉格朗日乘子法
    EM算法
    最大似然估计
    理解先验概率 后验概率 似然函数
    似然函数理解
    markdown 语法规则
    bash101总结
    hmm和Veterbi算法(一)
    Kaldi 安装
    通俗的解释交叉熵与相对熵
  • 原文地址:https://www.cnblogs.com/lanyueff/p/4601943.html
Copyright © 2011-2022 走看看