如何使用固定标头创建jquery侧边栏

时间:2014-01-22 04:37:21

标签: jquery header scroll fixed sidebar

看一下这段代码

$(document).ready(function () {

    var length = $('#left').height() - $('#sidebar').height() + $('#left').offset().top;

    $(window).scroll(function () {
        var scroll = $(this).scrollTop();
        var height = $('#sidebar').height() + 'px';
        if (scroll < $('#left').offset().top) {
            $('#sidebar').css({
                'position': 'absolute', 'top': '0'
            });
        } else if (scroll > length) {
            $('#sidebar').css({
                'position': 'absolute',
                'bottom': '0',
                'top': 'auto'
            });
        } else {
            $('#sidebar').css({
                'position': 'fixed',
                'top': '0',
                'height': height
            });
        }
    });
});

此代码将侧栏设置为固定,直到达到某个位置。它运作良好,但问题是我试图添加一个40px高度的固定顶杆,我该怎么做?

0 个答案:

没有答案