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

浏览数：23 / 时间：2015年06月09日
  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. };  

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class com word http js si it io la class com word http js si it io la

相关文章

随机文章

您可能还喜欢

您可能还喜欢