JS_CSS實現側邊欄跟隨瀏覽器滾動效果

    看過別人的網站文章頁的側邊欄能夠隨着瀏覽器滾動而停留在頁面,羨慕了吧~~其實咱們也能夠用這種特效的呢。下面,咱們就講講如何實現這個效果吧~ 瀏覽器

     一:這個效果有什麼用  網站

     如今不少網站都有這種效果,當你一篇文章寫的較長,並且評論較多的時候,這個功能就能夠幫你提升瀏覽量,用戶在你的博客裏面的跳出率也會隨之減小。若是你在這放個廣告,效果會很不錯!  get

     二:如何實現這個功能  博客

     親,採用JS CSS就能夠實現這個功能了  it

     三:實現側邊欄跟隨特效的方法  io

     CSS: function

     /*側欄跟隨*/  float

     #box{float:left;    position:relative;width:250px;}.div1{width:250px;}.div2{position:fixed;_position:absolute;top:0;z-index:250;}  方法

 如貴站的側邊欄寬度不是250px,請另行修改!  top

 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

相關文章
相關標籤/搜索