Jquery实现侧边栏跟随滚动条固定（兼容IE6）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Jquery实现侧边栏跟随滚动条固定（兼容IE6），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含701字，纯文字阅读大概需要2分钟。

内容图文

部分购物网站用这个功能放购物车或商品分类导航，使产品页面很长的时候，侧边栏能始终固定发挥它应有的作用，有的网站用这个功能来边栏的广告。

jQuery代码：
代码如下:
var rollSet = $('#Roll');// 检查对象，#sidebar-tab是要随滚动条固定的ID，可根据需要更改
var offset = rollSet.offset();
$(window).scroll(function () {
 // 检查对象的顶部是否在游览器可见的范围内
 var scrollTop = $(window).scrollTop();
 if(offset.top < scrollTop){
  rollSet.addClass('fixed');
 }else{
  rollSet.removeClass('fixed');
 }
});
CSS代码：
代码如下:
.fixed{position:fixed; top:20px;}
.fixed{_position:absolute; _top:expression((20+(noValue = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');}//兼容IE6

内容总结

以上是互联网集市为您收集整理的Jquery实现侧边栏跟随滚动条固定（兼容IE6）全部内容，希望文章能够帮你解决Jquery实现侧边栏跟随滚动条固定（兼容IE6）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端