发现很多网站有一个“侧栏跟随滚动”的功能，会在滑动条到一定位置的时候，出现并且虽滚动条滚动，当滚动条回到一定位置的时候，这个“侧栏跟随”的功能就会隐藏。

在网上查找了好久才找到的代码，今天在博客里面先记录下来：

代码如下：

CSS部分：

/*侧栏跟随*/

#float { }

#J_tqqWidget { position:relative; }

#J_tqqWidget .div1 {}

#J_tqqWidget .div2 { position:fixed; _position:absolute; top:5px; z-index:250; }

注：每个网站的侧栏宽度不同，可根据你网页的宽度调整div1的宽度，我的是width:250px;，把这段代码添加到你的CSS文件中即可。

JS部分：

//侧栏跟随

(function(){

var oDiv=document.getElementById("float");

var H=0,iE6;

var Y=oDiv;

while(Y){H+=Y.offsetTop;Y=Y.offsetParent};

iE6=window.ActiveXObject&&!window.XMLHttpRequest;

if(!iE6){

window.οnscrοll=function()

{

var s=document.body.scrollTop||document.documentElement.scrollTop;

if(s>H){

oDiv.className="div1 div2";

if(iE6){oDiv.style.top=(s-H)+"px";};

$('#float').slideDown('slow');

}else{

oDiv.className="div1";

$('#float').slideUp('slow');

}

};

}

});

网页代码部分：

<div id="J_tqqWidget">

<div id="float" class="div1" style="display:none">

这里写上你的代码

</div><!--float end-->

</div><!--J_tqqWidget end-->

注：这里可以放文章列表、联盟广告，总之是个提高点击率的好方法。

特别提示：此代码试用与任何CMS系统，但该特效在IE6下无法实现，其余浏览器均没问题，同时侧栏其余部分应使用静态文件调用，使用JS调用栏目会出现代码重叠现象，调用联盟广告没问题。