jQuery页面滚动浮动层智能定位实例代码

HTML代码：

1. <div class="float" id="float">
   
2. 我是个腼腆羞涩的浮动层...
   
3. </div>

复制代码

JS代码：

1. $.fn.smartFloat = function() {
   
2. var position = function(element) {
   
3. var top = element.position().top, pos = element.css("position");
   
4. $(window).scroll(function() {
   
5. var scrolls = $(this).scrollTop();
   
6. if (scrolls > top) {
   
7. if (window.XMLHttpRequest) {
   
8. element.css({
   
9. position: "fixed",
   
10. top: 0
    
11. });
    
12. } else {
    
13. element.css({
    
14. top: scrolls
    
15. });
    
16. }
    
17. }else {
    
18. element.css({
    
19. position: "absolute",
    
20. top: top
    
21. });
    
22. }
    
23. });
    
24. };
    
25. return $(this).each(function() {
    
26. position($(this));
    
27. });
    
28. };
    
29. //绑定
    
30. $("#float").smartFloat();

复制代码