找回密码
 注册
搜索
免费空间 免费域名 免费AI 老牌主机商首月仅1美分!27美元/年!Spaceship优惠码 Namecheap优惠码阿里云2核2G3M新老续费同享99元/年!
查看: 624|回复: 7

[建站交流] 谁能把这段静态代码提出来?(好了)

[复制链接]
发表于 2013-1-8 20:39:52 | 显示全部楼层 |阅读模式
本帖最后由 jason 于 2013-1-8 22:38 编辑

百度贴吧侧栏的一项,滚动条往下滚动,侧栏到一定位置就不滚动了
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>123</title>
  6. <style>
  7. #side { background: #99FF99; height: 3000px; width: 120px; float: left; }
  8. #main { background: #99FFFF; height: 3000px; width: 70%; margin-left: 120px; }
  9. #box{float:left;position:relative;width:295px;}
  10. .div1{width:100px;background: #fff;}
  11. .div2{position:fixed;_position:absolute;top:3px;z-index:295;}
  12. </style>
  13. </head>
  14. <body>
  15. <div id="side">
  16.         终于搞定了!<br />
  17.         终于搞定了!<br />
  18.         终于搞定了!<br />
  19.         终于搞定了!<br />
  20.         终于搞定了!<br />
  21.         终于搞定了!<br />
  22.         终于搞定了!<br />
  23.         终于搞定了!<br />
  24.         终于搞定了!<br />
  25.                 <div id="box">
  26.                         <div id="float" class="div1">
  27.                         随滚动移动的div
  28.                         </div>
  29.                 </div>
  30. </div>
  31. <div id="main">搞定了</div>
  32. <script language="JavaScript" type="text/javascript">
  33. (function(){
  34.     var oDiv=document.getElementById("float");
  35.     var H=0,iE6;
  36.     var Y=oDiv;
  37.     while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
  38.     iE6=window.ActiveXObject&&!window.XMLHttpRequest;
  39.     if(!iE6){
  40.         window.onscroll=function()
  41.         {
  42.             var s=document.body.scrollTop||document.documentElement.scrollTop;
  43.             if(s>H){oDiv.className="div1 div2";if(iE6){oDiv.style.top=(s-H)+"px";}}
  44.             else{oDiv.className="div1";}   
  45.         };
  46.     }
  47. })();
  48. </script>
  49. </body>
  50. </html>
复制代码
发表于 2013-1-8 21:59:24 | 显示全部楼层
屌丝撸管男 路过看看。。
发表于 2013-1-12 00:24:36 | 显示全部楼层
干吗用的代码啊?
发表于 2013-1-12 00:25:32 | 显示全部楼层
   不会,等楼下高人出现
发表于 2013-1-12 00:26:09 | 显示全部楼层
不懂路過。。。。。
发表于 2013-1-12 00:39:12 | 显示全部楼层
扒下来吧
发表于 2013-1-12 10:48:55 | 显示全部楼层
修改代码很费劲
发表于 2013-1-12 10:51:18 | 显示全部楼层
不懂路过
您需要登录后才可以回帖 登录 | 注册

本版积分规则

手机版|小黑屋|免费吧论坛

GMT+8, 2024-11-25 15:41 , Processed in 0.021620 second(s), 4 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表