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

来源:互联网 发布:淘宝家居用品类目 编辑:程序博客网 时间:2024/05/18 00:05

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


原创粉丝点击