各位兄弟可能碰到定位的问题，特别是在博客或者微博上面也会见到这个效果，于是产品人员在策划的时候就会要人家那种效果，而苦逼的我们需要去实现，实现实现。没办法，谁让我们是攻城师呢，攻吧：效果图如下，滚动条下拉的时候黑色的块顶端为0;固定显示

代码如下：复制代码代码如下：DOCTYPE html html标题titlejQuery实现页面滚动时层智能浮动定位/title meta name=' description ' content=' '/script type=' text/JavaScript ' src=' http :3358 JT。875 .cn/js/jquery。js '/脚本样式类型=' text/CSS ' * { margin :0；划水：0;} .top { height:100px背景# ccc文本对齐：居中；线高：100 pxfont-size :40 px}车身{ font :12 px/1.8 Arial；颜色： # 666高度高度：2000px}。浮动{ width:200px高度：200 pxborder:1px实心# ffecb0背景色： # 000;位置：绝对；right :10 ptop :150 px }/style/head body div class=' top '导航啊导航啊导航/div class=' float ' id=' float '/div脚本类型=' text/JavaScript ' $。fn。smart float=function(){ var position=function(element){ var top=element。位置().顶部，位置=元素。CSS('位置')；$(窗口)。卷轴(函数(){ var scrolls=$(this)).滚动顶部()；如果(向上滚动){ if(窗口. XMLHttpRequest){元素。CSS({位置： '固定'，顶部： 0 })；} else { element。CSS({ top :卷轴})；} } else { element。CSS({位置： pos，top : top })；} });};返回$(这个)。每个（函数(){位置($(this))；});};//绑定$('#float ').smartFloat()；/script /div /body /html