您的位置：首页 > 产品设计 > UI/UE

jquey控制元素滚动条，外层div滚动，内层顶部div固定不动

2013-08-13 14:48 453 查看
由于项目的需要，需要在外层div上添加一个滚动条，该div是上中下被不同的div分割，要求让上层div的内容不随着滚动条的滑动而滚动实现代码如下

<html>
<title>无标题文档</title>
</head>
   
<body>
<div id="scroll" style ="width:85%;height: 10px%;overflow-y:auto;overflow-x:auto;">
  <div id = "top">固定不动</div>

  <div >

     比较长的内容
  </div>
</div>

</body>
<script>
$(function(){                         
  $("#scroll").scroll(function() {    
    var offset = $(this).offset();    
    $("#top").offset(offset);
  }) ;
});

</script></html>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航