兼容性极好的“回到顶部”代码

<!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;">content</div>

    <div style="height:1000px">

    <div style="position:fixed;right:50px;bottom:50px;width:60px;height:60px;background-color:red;cursor:hand;"

    onclick="myScroll()">Return Top</div>

    </div>

    </body>

</html>



今天准备慢慢将之前分散在各平台的文章全部迁移至一起来,所以来测试简书对代码的友好度,看来确实不是很好,相比技术类平台差好多。但是就是当初多看了那一眼,恋上了简书,怎么办。

CSDN链接:https://blog.csdn.net/roc1029/article/details/15500263

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容