首页>>Jquery文字>>css fixed定位让局部固定,不跟随滚动条移动(2016-08-12)

css fixed定位让局部固定,不跟随滚动条移动

 只需要给需要固定的位置加上id值如下,请在演示页面滚动查看效果

css fixed定位让局部固定,不跟随滚动条移动

 

JavaScript Code
  1. <script>  
  2. if($("#guding").size()>0){  
  3.       var $elm = $('#guding');  
  4.       var startPos = $elm.offset().top;  
  5.       $(window).scroll(function() {  
  6.           var p = $(window).scrollTop();  
  7.           if( p > startPos-55 ){  
  8.               $elm.css({  
  9.                   'position''fixed',  
  10.                   'top': 25,  
  11.                   'width':290  
  12.               });  
  13.           }else{  
  14.               $elm.css({  
  15.                   'position''relative'  
  16.               });  
  17.           }  
  18.       });  
  19.   }  
  20. </script>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_575.html