js 侧边栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
     <head>
     <style>
      #div1 {width:100px; height:100px; background:red; position:absolute; right:0; top:0;}
      </style>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>无标题文档</title>
      <script src="move.js"></script>
      <script>
      window.onresize=window.onload=window.onscroll=function () {
      //当页面滚动的时候
      //window.onresize当页面重订大小的时候
      var oDiv=document.getElementById("div1");
      var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;

      var t=(document.documentElement.clientHeight-oDiv.offsetHeight)/2;
      oDiv.style.top=scrollTop+t+"px";
        }
      </script>
     </head>

   <body style="height:2000px;">
   <div id="div1">
   </div>
   </body>
     </html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容