如何使得列表右侧跟内容页那样拖动时跟着内容浮动

如何使得列表右侧当滚动屏幕时，右区域将跟随左列表浮动，填区域很高时导致的右侧空白
就想帖子内容页那样

可以实现，不是一句话搞定的，有偿帮忙修改

发点案例看看！

兲楽 发表于 2014-3-6 14:58
发点案例看看！

dz的帖子内容页个人信息就是      可以直接调用这个 但是我不会
百度贴吧主页  新版QQ空间个人中心的侧边都是css定位 然后用js实现效果

再不疯狂我们就 发表于 2014-3-6 17:57
dz的帖子内容页个人信息就是      可以直接调用这个 但是我不会
百度贴吧主页  新版QQ空间个人中心的侧 ...

就好像类似于顶部的这个导航一样，是吗

兲楽 发表于 2014-3-6 18:42
就好像类似于顶部的这个导航一样，是吗

是的那

再不疯狂我们就 发表于 2014-3-6 21:57
是的那

跟CSS有关，你可以去研究下，可以研究下顶部那个是怎么实现

这个本事我也帮客户做过,楼主还是没有做好可以qq1191596141

其实就跟返回顶部的原理一样，自己研究研究就出来了。


引用的JS：
js.rar (28.04 KB, 下载次数: 528)

2014-6-4 14:31 上传

点击文件名下载附件

这是浮动网页插入的JS：

1. 
   
2. <P> <script type="text/javascript">
   
3. //浮动导航
   
4. function float_nav(dom){
   
5. var right_nav=$(dom);
   
6. var nav_height=right_nav.height();
   
7. function right_nav_position(bool){
   
8.   var window_height=$(window).height();
   
9.   var nav_top=(window_height-nav_height)/2;
   
10.   if(bool){
    
11.    right_nav.stop(true,false).animate({top:nav_top+$(window).scrollTop()},400);
    
12.   }else{
    
13.    right_nav.stop(true,false).animate({top:nav_top},300);
    
14.   }
    
15.   right_nav.show();
    
16. }
    
17. 
    
18. if(!+'\v1' && !window.XMLHttpRequest ){
    
19.   $(window).bind('scroll resize',function(){
    
20.    if($(window).scrollTop()>300){
    
21.     right_nav_position(true);   
    
22.    }else{
    
23.     right_nav.hide();
    
24.    }
    
25.   })
    
26. }else{
    
27.   $(window).bind('scroll resize',function(){
    
28.    if($(window).scrollTop()>300){
    
29.     right_nav_position();
    
30.    }else{
    
31.     right_nav.hide();
    
32.    }
    
33.   })
    
34. }
    
35. }
    
36. float_nav('#float');
    
37. float_nav('#left_nav');
    
38. </script></P>

复制代码

源自：www.plalanse.com