广告位招租 qq245909083

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

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