JS_CSS实现侧边栏跟随浏览器滚动效果

    看过别人的网站文章页的侧边栏可以随着浏览器滚动而停留在页面,羡慕了吧~~其实我们也可以用这种特效的呢。下面,我们就讲讲如何实现这个效果吧~

     一:这个效果有什么用 

     现在很多网站都有这种效果,当你一篇文章写的较长,而且评论较多的时候,这个功能就可以帮你提高浏览量,用户在你的博客里面的跳出率也会随之减少。如果你在这放个广告,效果会很不错! 

     二:如何实现这个功能 

     亲,采用JS CSS就可以实现这个功能了 

     三:实现侧边栏跟随特效的方法 

     CSS:

     /*侧栏跟随*/ 

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

 如贵站的侧边栏宽度不是250px,请另行修改! 

 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

转载于:https://my.oschina.net/u/1403247/blog/185334

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值