zoukankan      html  css  js  c++  java
  • 返回头部效果

    返回头部

        <style>
            body {
                 2000px;
            }
           .top{
               position: fixed;
               right:50px;
               bottom:100px;
               display: none;
           }
        </style>
    </head>
    <body>
    	<!--
    		获取页面滚走兼容 : document.body.scrollTop || document.documentElement.scrollTop
    	-->
    <div id="gotop" class="top">
        <img src="images/Top.jpg" alt=""/>
    </div>
     <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
       <p>天王盖地虎,宝塔镇河妖</p>
    </body>
    </html>
    <script type="text/javascript">
    	/*
    	 1、触发滚动条,小火箭显示
    	 2、点击小火箭   滚动条回到顶部  小火箭消失
    	*/
    	var gotop = document.getElementById("gotop");
    	window.onscroll = function(){//触发滚动条,小火箭显示
    		var Stop = document.body.scrollTop || document.documentElement.scrollTop;
    		if(Stop > 0){
    			gotop.style.display = "block";
    		}
    	}
    	gotop.onclick = function(){//点击小火箭   滚动条回到顶部  小火箭消失
    		document.body.scrollTop = document.documentElement.scrollTop = 0;
    		gotop.style.display = "none";
    	}
    </script>
    

      

  • 相关阅读:
    对NETIF_F_GSO的一些理解
    关于ptype_all和pypte_base中的pt_prev的说明[转]
    linux网络收包过程
    linux的pci驱动模型
    linux内核的冷热页分配器
    linux的bootmem内存管理
    GitHub 下载代码命令并且导入到IDEA环境
    配置Log4j(非常具体)
    sudo:有效用户 ID 不是 0,sudo 属于 root 并设置了 setuid 位吗?
    RMP和YUM软件安装
  • 原文地址:https://www.cnblogs.com/xiaoyaolang/p/11911573.html
Copyright © 2011-2022 走看看