首页 > 代码库 > js页面滚动浮动层智能定位(jQuery)实现

js页面滚动浮动层智能定位(jQuery)实现

  1. ///js页面滚动浮动层智能定位(jQuery)实现  
  2. ///调用:$("#popfloat").smartFloat($("#mainInfo").width() + 21);  
  3. $.fn.smartFloat = function(width_p) {  
  4.     var position = function(element) {  
  5.         var top = element.position().top, pos = element.css("position");  
  6.         $(window).scroll(function() {  
  7.             var scrolls = $(this).scrollTop();  
  8.             if (scrolls > top) {  
  9.                 if (window.XMLHttpRequest) {  
  10.                     element.css({  
  11.                         position: "fixed",  
  12.                         width: width_p,  
  13.                         top: 0  
  14.                     });  
  15.                 } else {  
  16.                     element.css({  
  17.                         top: scrolls  
  18.                     });  
  19.                 }  
  20.             } else {  
  21.                 element.css({  
  22.                     position: "", //absolute  
  23.                     top: top  
  24.                 });  
  25.             }  
  26.         });  
  27.     };  
  28.     return $(this).each(function() {  
  29.         position($(this));  
  30.     });  
  31. };  

js页面滚动浮动层智能定位(jQuery)实现