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>

  • 相关阅读:
    开源:不断创新的动力
    Inkpad中文翻译已合并到官方项目
    Inkpad绘图原理浅析
    Vectoroid
    发布大幅重构优化的 TouchVG 1.0.2
    清理掉一直想研究的开源项目
    函数指针调用方式
    音视频直播优化
    std::unique_lock与std::lock_guard区别示例
    c++容器的操作方法总结
  • 原文地址:https://www.cnblogs.com/lanyueff/p/4601943.html
Copyright © 2011-2022 走看看