当前位置： 移动技术网 > IT编程>开发语言>JavaScript > Jquery实现侧边栏跟随滚动条固定（兼容IE6）

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

2019年03月23日  | 移动技术网IT编程  | 我要评论

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

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。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网