master

分支 (3)

管理

管理

master

flying

p0902

myJs
/
返回top.html

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="my_js.js"></script>
</head>
<style>
    #abc{
        position: fixed;
        bottom : 10px;
        right : 15px;
        cursor: pointer;
        display: none;
    }
</style>
<body>
<h1>0000000000000000000000000001</h1>
<h1>0000000000000000000000000002</h1>
<h1>0000000000000000000000000003</h1>
<h1>0000000000000000000000000004</h1>
<h1>0000000000000000000000000005</h1>
<h1>0000000000000000000000000006</h1>
<h1>0000000000000000000000000007</h1>
<h1>0000000000000000000000000008</h1>
<h1>0000000000000000000000000009</h1>
<h1>0000000000000000000000000010</h1>
<h1>0000000000000000000000000011</h1>
<h1>0000000000000000000000000012</h1>
<h1>0000000000000000000000000013</h1>
<h1>0000000000000000000000000014</h1>
<h1>0000000000000000000000000015</h1>
<h1>0000000000000000000000000016</h1>
<h1>0000000000000000000000000017</h1>
<h1>0000000000000000000000000018</h1>
<h1>0000000000000000000000000019</h1>
<h1>0000000000000000000000000020</h1>
<h1>0000000000000000000000000021</h1>
<h1>0000000000000000000000000022</h1>
<h1>0000000000000000000000000023</h1>
<h1>0000000000000000000000000024</h1>
<h1>0000000000000000000000000025</h1>
<h1>0000000000000000000000000026</h1>
<h1>0000000000000000000000000027</h1>
<h1>0000000000000000000000000028</h1>
<h1>0000000000000000000000000029</h1>
<h1>0000000000000000000000000030</h1>
<h1>0000000000000000000000000031</h1>
<h1>0000000000000000000000000032</h1>
<h1>0000000000000000000000000033</h1>
<h1>0000000000000000000000000034</h1>
<h1>0000000000000000000000000035</h1>
<h1>0000000000000000000000000036</h1>
<h1>0000000000000000000000000037</h1>
<h1>0000000000000000000000000038</h1>
<h1>0000000000000000000000000039</h1>
<h1>0000000000000000000000000040</h1>
<h1>0000000000000000000000000041</h1>
<h1>0000000000000000000000000042</h1>
<h1>0000000000000000000000000043</h1>
<h1>0000000000000000000000000044</h1>
<h1>0000000000000000000000000045</h1>
<h1>0000000000000000000000000046</h1>
<h1>0000000000000000000000000047</h1>
<h1>0000000000000000000000000048</h1>
<h1>0000000000000000000000000049</h1>
<h1>0000000000000000000000000050</h1>
<h1>0000000000000000000000000051</h1>
<h1>0000000000000000000000000052</h1>
<h1>0000000000000000000000000053</h1>
<h1>0000000000000000000000000054</h1>
<h1>0000000000000000000000000055</h1>
<h1>0000000000000000000000000056</h1>
<h1>0000000000000000000000000057</h1>
<h1>0000000000000000000000000058</h1>
<h1>0000000000000000000000000059</h1>
<h1>0000000000000000000000000060</h1>
<h1>0000000000000000000000000061</h1>
<h1>0000000000000000000000000062</h1>
<h1>0000000000000000000000000063</h1>
<h1>0000000000000000000000000064</h1>
<h1>0000000000000000000000000065</h1>
<h1>0000000000000000000000000066</h1>
<h1>0000000000000000000000000067</h1>
<h1>0000000000000000000000000068</h1>
<h1>0000000000000000000000000069</h1>
<h1>0000000000000000000000000070</h1>
<h1>0000000000000000000000000071</h1>
<h1>0000000000000000000000000072</h1>
<h1>0000000000000000000000000073</h1>
<h1>0000000000000000000000000074</h1>
<h1>0000000000000000000000000075</h1>
<h1>0000000000000000000000000076</h1>
<h1>0000000000000000000000000077</h1>
<h1>0000000000000000000000000078</h1>
<h1>0000000000000000000000000079</h1>
<h1>0000000000000000000000000080</h1>
<h1>0000000000000000000000000081</h1>
<h1>0000000000000000000000000082</h1>
<h1>0000000000000000000000000083</h1>
<h1>0000000000000000000000000084</h1>
<h1>0000000000000000000000000085</h1>
<h1>0000000000000000000000000086</h1>
<h1>0000000000000000000000000087</h1>
<h1>0000000000000000000000000088</h1>
<h1>0000000000000000000000000089</h1>
<h1>0000000000000000000000000090</h1>
<h1>0000000000000000000000000091</h1>
<h1>0000000000000000000000000092</h1>
<h1>0000000000000000000000000093</h1>
<h1>0000000000000000000000000094</h1>
<h1>0000000000000000000000000095</h1>
<h1>0000000000000000000000000096</h1>
<h1>0000000000000000000000000097</h1>
<h1>0000000000000000000000000098</h1>
<h1>0000000000000000000000000099</h1>
<h1>0000000000000000000000000100</h1>
<div id="abc">
    <img src="top.jpg">
</div>
</body>
<script>
    var abc = document.getElementById("abc");
    window.onscroll = function () {
            var sf = document.documentElement.scrollTop;
            // document.title = sf;
            if(sf > 200){
                abc.style.display = "block";
            }else{
                abc.style.display = 'none';
            }
    };
    abc.onclick = function () {
        setInterval(function () {
            document.documentElement.scrollTop -= 10;
            if(document.documentElement.scrollTop <= 0){
                document.documentElement.scrollTop = 0;
            }
        },100);
    };
</script>
</html>