PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > Jquery教程 > 正文

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

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:部分购物网站用这个功能放购物车或商品分类导航,使产品页面很长的时候,侧边栏能始终固定发挥它应有的作用,有的网站用这个功能来边栏的广
    部分购物网站用这个功能放购物车或商品分类导航,使产品页面很长的时候,侧边栏能始终固定发挥它应有的作用,有的网站用这个功能来边栏的广告。

    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

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-47-137-1.html
    相关热词搜索: 滚动条