产品使用及交流论坛

首页 » 产品使用交流区 » 安装及使用交流 » 请问怎样将网站左边这列固定，只让右边列表随鼠标上下滑动，谢谢！

cdlqtx - 2017/9/29 10:20:55

请问怎样将网站左边这列固定，只让右边列表随鼠标上下滑动，谢谢！
网址：http://www.cdlqtx.com/index.aspx?lanmuid=82&sublanmuid=724

TIM图片20170929101702.jpg(416.55 K)

2017/9/29 10:20:55

xiyou - 2017/9/29 12:01:41

1. <style>
   
2. .uldws{top:0px;position:fixed;z-index:10;}
   
3. </style>
   
4. <script>
   
5. $(document).ready(function(){
   
6. var tsb=$(".main_box_inner_left").offset().top;
   
7.   var whd=$(window).scrollTop();
   
8.   var s=tsb-whd;
   
9. $(window).scroll(function(){
   
10.   var whd=$(window).scrollTop();
    
11.   var s=tsb-whd;
    
12.   if(s<0){
    
13.     $(".main_box_inner_left").addClass("uldws");
    
14.    }else{
    
15.     $(".main_box_inner_left").removeClass("uldws");
    
16.    }
    
17. })
    
18. })
    
19. </script>
    

复制代码

放在网站设置的head区，你试试

cdlqtx - 2017/10/1 22:26:49

谢谢谢谢！

cdlqtx - 2017/10/9 8:42:52

添加了效果出来了，但是首页的幻灯片都不显示了！估计代码有冲突，不知道怎么办？

cdlqtx - 2017/10/9 8:50:55

回复 2楼xiyou的帖子

添加了效果出来了，但是首页的幻灯片都不显示了！估计代码有冲突，不知道怎么办？请指点，谢谢

xiyou - 2017/10/9 9:33:45

添加一句和改一下判断，试试

cdlqtx - 2017/10/9 10:17:17

回复 6楼xiyou的帖子

谢谢，还是不行，不过我把代码放到网站底部，就可以了。瞎整，歪打正着！但是手机浏览还是显示不出来。为什么？

1

查看完整版本: 请问怎样将网站左边这列固定，只让右边列表随鼠标上下滑动，谢谢！

Powered by Discuz!NT Archiver 3.9.913 2001-2026 Comsenz Inc.