 

jQuery页面滚动浮动层智能定位实例代码_jquery-js教程-

2025-04-23 11:34:14 浏览量(16)

HTML代码：

复制代码代码如下:

我是个腼腆羞涩的浮动层...

JS代码：

复制代码代码如下:

 
$.fn.smartFloat = function() { 
var position = function(element) { 
var top = element.position().top, pos = element.css("position"); 
$(window).scroll(function() { 
var scrolls = $(this).scrollTop(); 
if (scrolls > top) { 
if (window.XMLHttpRequest) { 
element.css({ 
position: "fixed", 
top: 0 
}); 
} else { 
element.css({ 
top: scrolls 
}); 
} 
}else { 
element.css({ 
position: "absolute", 
top: top 
}); 
} 
}); 
}; 
return $(this).each(function() { 
position($(this)); 
}); 
}; 
//绑定 
$("#float").smartFloat(); 