div随页面滚动 位置固定问题js代码discuz教程

分享时间:2018-09-11 7182 热度℃
div随页面滚动  位置固定,但是当碰到下方一个div块后结束固定,请教老大解决,下面是js代码,我试了下,固定的div会穿过下方的div,不好看
  1. <script type="text/javascript">
  2.     window.onload=
  3.         function(){
  4.             var oDiv = document.getElementById("fixPara"),
  5.                 H = 0,
  6.                 Y = oDiv        
  7.             while (Y) {
  8.                 H += Y.offsetTop;
  9.                 Y = Y.offsetParent;
  10.             }
  11.             window.onscroll = function()
  12.             {
  13.                 var s = document.body.scrollTop || document.documentElement.scrollTop
  14.                 if(s>H) {
  15.                     oDiv.style = "position:fixed;top:60px;left: 963px;"
  16.                 } else {
  17.                     oDiv.style = "position:static;"
  18.                 }
  19.             }
  20.         }
  21. </script>
复制代码
本文标签:
返回顶部