Jquery实现侧边栏跟随滚动条固定(兼容IE6)
更新时间:2014年04月02日 09:50:08 作者:
侧边栏随滚动条上下滚动,始终固定在一个位置的功能,现在很多网站和博客都有这个功能
部分购物网站用这个功能放购物车或商品分类导航,使产品页面很长的时候,侧边栏能始终固定发挥它应有的作用,有的网站用这个功能来边栏的广告。
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、火狐、谷歌、opera等】
这篇文章主要介绍了jQuery实现最简单的切换图效果,可兼容IE6、火狐、谷歌、opera等浏览器,涉及jQuery结合时间函数动态操作页面元素的相关技巧,非常简单实用,需要的朋友可以参考下2016-09-09用示例说明filter()与find()的用法以及children()与find()的区别分析
本篇文章介绍了,用示例说明filter()与find()的用法以及children()与find()的区别分析。需要的朋友参考下2013-04-04input:checkbox多选框实现单选效果跟radio一样
checkbox是多选,怎么才能让他变成单选,效果跟radio一样呢,本菜鸟就自己写了个小程序,代码很简单2014-06-06
最新评论