zoukankan      html  css  js  c++  java
  • 滚动条回到顶部

    初始化
    返回顶端
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
    <script type="text/javascript">
    //怎么获取网页的高度 让页面一出来就滚动条在最底端

    function myScroll()
    {
    //前边是获取chrome等一般浏览器 如果获取不到就是ie了 就用ie的办法获取
    var x=document.body.scrollTop||document.documentElement.scrollTop;
    var timer=setInterval(function(){
    x
    =x-100;
    if(x<100)
    {
    x
    =0;
    window.scrollTo(x,x);
    clearInterval(timer);
    }
    window.scrollTo(x,x);
    },
    "250");
    }
    </script>
    <title></title>
    </head>
    <body id="bd">
    <div>
    <div style="height:1000px;">初始化</div>
    <div style="height:1000px">
    <div
    style="position:fixed;right:10px;bottom:50px;20px;height:70px;background-color:red;cursor:hand;"
    onclick
    ="myScroll()">返回顶端</div>
    </div>
    </body>
    </html>

    兼容ie6:

    http://bbs.blueidea.com/forum.php?mod=viewthread&tid=2781970&page=1&extra=#pid5342194

  • 相关阅读:
    Vue Router基础
    Bootstrap4入门
    React性能优化
    Koa,React和socket.io
    RN-进阶
    RN-入门基础
    RN-环境配置
    React高级指引
    React基础概念
    实现A-Z滑动检索菜单
  • 原文地址:https://www.cnblogs.com/0banana0/p/2277848.html
Copyright © 2011-2022 走看看