CSS部分：
/*側(cè)欄跟隨*/
#box{float:left; position:relative;width:310px;}
.div1{width:310px;}
.div2{position:fixed;_position:absolute;top:0;z-index:310;}
注：width:310px;可以隨意修改尺寸。
body部分：
<div id=”box” >
<div id=”float” class=”div1″>
這里是你跟隨瀏覽器滾動(dòng)的內(nèi)容
</div>
</div>
JS部分：
//側(cè)欄跟隨
(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.onscroll=function()
{
var s=document.body.scrollTop||document.documentElement.scrollTop;
if(s>H){oDiv.className=”div1 div2″;if(iE6){oDiv.style.top=(s-H)+”px”;}}
else{oDiv.className=”div1″;}
};
}
})();
注：將這段JS代碼放入你網(wǎng)站的任意JS文件里。
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外，其他素材未做測(cè)試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。