任何人都看到这个粘性sidenav jquery脚本有什么问题

Question

尝试使此粘性侧导航正常工作。目前它溢出了现场的页脚，但在我的jfiddle原型中运行良好。

有问题的实例。

https://tregothnan.co.uk/tea-herbal-infusions/

$(function () {
var stickyNavTop = $('.nav').offset().top;

var stickyNav = function () {
    var scrollTop = $(window).scrollTop();

    if (scrollTop > stickyNavTop) {
        $('.nav').addClass('sticky');
    } else {
        $('.nav').removeClass('sticky');
    }
};

stickyNav();

$(window).scroll(function () {
    stickyNav();
});
});
$(function () {
var top = $('#sidebar').offset().top - parseFloat($('#sidebar').css('marginTop').replace(/auto/, 0));
var footTop = $('#footer').offset().top - parseFloat($('#footer').css('marginTop').replace(/auto/, 0));

var maxY = footTop - $('.left-col-content').outerHeight();

$(window).scroll(function (evt) {
    var y = $(this).scrollTop();
    if (y > 100) {
        if (y < maxY) {
            $('#sidebar').addClass('stickyside').removeAttr('style');
        } else {
            $('#sidebar').removeClass('stickyside').css({
                position: 'absolute',
                top: (maxY - top) + 'px'
            });
        }
    } else {
        $('#sidebar').removeClass('stickyside');
    }
});
});

在这里工作;

http://jsfiddle.net/katch/cmp20k3w/