1. <div class="slide_pos">
   
2.             <div class="fix_parent">
   
3.             </div>
   
4.             <div class="fix_div">
   
5.                 <p>
   
6.                     <a class="links1" target="_blank">美容</a>
   
7.                 </p>
   
8.                 <p>
   
9.                     <a href="#block2" class="links2">减肥</a>
   
10.                 </p>
    
11.                 <p>
    
12.                     <a href="#block2" class="links2">娱乐</a>
    
13.                 </p>
    
14.                 <p>
    
15.                     <a href="#top" class="links3">回顶部</a>
    
16.                 </p>
    
17.             </div>
    
18.         </div>
    
19.     </div>

复制代码

css代码：

1. .side {width: 62px; height: 2580px; position:absolute; top:380px; left:50%; margin-left:500px;_display:none;}
   
2. .fix_parent{ width:100%; float:left; height:0px; overflow:hidden;}
   
3. .fix_div{float:left; overflow:hidden; width:62px; height:380px; background-position:-400px 0px; }
   
4. .fix_div p{ float:left; width:62px;}
   
5. .fix_div a{ display:block;}
   
6. .fix_div .links1{ width:62px; height:32px; margin-top:10px; text-indent:-9999px; }
   
7. .fix_div .links2{width:62px; height:32px; line-height:32px; text-indent:21px; color:#252525;}
   
8. .fix_div .links3{ width:62px; height:45px; margin-top:10px; text-indent:-9999px; }

复制代码

js代码如下

1. $(function () { if ($(".fix_div").length > 0) { var top = $(".fix_parent").offset().top; var left = $(".fix_parent").offset().left; var ie = ietester(); $(window).scroll(function () { var limit = $(".side").offset().top + $(".side").height() - $(".fix_div").height(); if ($(window).scrollTop() >= limit) { $(".fix_div").css({ position: "static", top: limit, left: left }) } else { if (top <= $(window).scrollTop()) { if (ie <= 6) { $(".fix_div").css({ position: "absolute", top: ($(window).scrollTop()), left: left }) } else { $(".fix_div").css({ position: "fixed", top: "50px", left: left }) } } else { $(".fix_div").css({ position: "static", top: 0 }) } } }) } }); function ietester() { var undef, ie, v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); while (div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->', all[0]); v > 4 ? ie = v : ie = undef; return ie }

复制代码

大神今天都很忙吗？求助啊

haonet

等我学会了给你看看。你等我半年

rufei7565

这个我不懂啊

carefree 发表于 2014-10-27 09:12
你的CSS呢

css已经补上了

网建的大神帮看下吧

简约主义

display:none