js 页面滚动 层智能浮动定位 的问题

Question

网上经常可以搜索到这种定位的代码，如下：
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<div id="float">内容</div>
<script type="text/javascript">
$.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: pos,
top: top
});
}
});
};
return $(this).each(function() {
position($(this));  
});
};
//绑定
$("#float").smartFloat();
</script>
它会判断浏览器滚动高度，智能实现定位，
可是下面请问，如果我页面中有两个板块需要智能定位，且智能定位停留的高度不一样，我应该怎么做呢？

Answer 1

首先都是以居中为参考，添加margin-top：+-值调整位置。