jquery跟随屏幕滚动效果的实现代码

我们在很多网站看到，当我们滚动网页时，网页内的广告或某个小区域并不会消失，而是浮动在屏幕的某个地方，特别是一些局域广告。那么这是怎么实现的呢？本文将引用乌徒帮的跟随屏幕滚动代码，对此效果做详解。

一、原始代码

下面是乌徒帮的跟随屏幕滚动代码，它的作用域为乌徒帮网页两侧的边栏，以及双击屏幕后的右侧隐藏栏。

var $catalogueOffsetTop = $(aside#catalogue).offset().top;
var $archiveOffestTop = $(aside#archive).offset().top;
var $archiveOffestLeft = $(aside#archive).offset().left;
$(window).bind(scroll resize,function(){
// #right-area的跟随屏幕滚动效果
if($(#right-area).height()