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


由于项目的需要,需要在外层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>



你可能感兴趣的:(jquey控制元素滚动条,外层div滚动,内层顶部div固定不动)