首页 教程资源正文

分享div随页面滚动 位置固定问题js代码discuz的教程心得

娜迦源码 教程资源 2019-03-25 01:14:00 272 0 教程资源

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>


版权声明

1:如非特殊说明,本站对提供的源码不拥有任何权利,其版权归原著者拥有。

2:请勿将该源码、软件进行商业交易、转载等行为,该源码、软件只为研究、学习所提供,该软件使用后发生的一切问题与本站无关。

3:本网站所有源码和软件均为作者提供和网友推荐收集整理而来,仅供学习和研究使用。如有侵犯你版权的,请来信(邮箱:393249296@qq.com)指出,本站将立即改正。

本文链接:https://www.wsx6.cn/post/653.html

分享:

支付宝

微信

嘿,我是客服
请先 登录 再评论,若不是会员请先 注册