复制代码代码如下所示:
美元。fn.stickyfloat =功能(选项,lockbottom){
var obj =这美元;
无功parentpaddingtop = parseInt($ obj.parent()。Css('padding-top '));
var startOffset = obj.parent美元()。偏移()。顶;
VaR选择=美元。延长({ startOffset:startOffset,offsety:parentpaddingtop,持续时间:200,lockbottom:true},选项);

obj.css美元({位置:将});

如果(选择。lockbottom){
无功bottompos = obj.parent美元()Height()()+ parentpaddingtop obj.height美元;
如果(bottompos<0)
bottompos = 0;
}

$(窗口)。滚动(函数(){)
obj.stop美元();

无功paststartoffset = $(document)。ScrollTop()> opts.startoffset;
无功objfartherthantoppos = obj.offset美元()。startOffset顶>;
无功objbiggerthanwindow = obj.outerheight美元(美元)<(窗口)Height();

(如果(paststartoffset | | objfartherthantoppos){ objbiggerthanwindow)
无功newpos =($(document)。ScrollTop()- startOffset +选择。offsety);
如果(newpos > bottompos)
newpos = bottompos;
如果($(document)。ScrollTop()<选择。startOffset)
newpos = parentpaddingtop;

obj.animate美元({顶:newpos },选择。持续时间);
}
});
};

该方法的用法很简单:只需在页面中引入插件,然后用选择器调用它即可:
复制代码代码如下所示:
$(# menu15)。Stickyfloat({ 500 }时间:);
$(# menu14)。Stickyfloat({ 500 }时间:);
$(# menu13)。Stickyfloat({ 500 }时间:);
$(# menu12)。Stickyfloat({ 500 }时间:);

滑动速度后面的持续时间参数越慢。