看過別人的網站文章頁的側邊欄能夠隨着瀏覽器滾動而停留在頁面,羨慕了吧~~其實咱們也能夠用這種特效的呢。下面,咱們就講講如何實現這個效果吧~ 瀏覽器
一:這個效果有什麼用 網站
如今不少網站都有這種效果,當你一篇文章寫的較長,並且評論較多的時候,這個功能就能夠幫你提升瀏覽量,用戶在你的博客裏面的跳出率也會隨之減小。若是你在這放個廣告,效果會很不錯! 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