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

标签：http   io   os   ar   sp   art   cti   on   c   

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)实现

标签：http   io   os   ar   sp   art   cti   on   c   

原文地址：http://www.cnblogs.com/lschenblog/p/3985711.html