Divs不会停止按页脚滚动

Question

我尝试了很多解决方案，但是我不能让div停止跟随页脚滚动。
这是我的代码，使div跟随滚动（colderecha和colizquierda是我的div跟随滚动）：

$(document).ready(function () { 
    var top = $('#colizquierda').offset().top - parseFloat($('#colizquierda').css('marginTop').replace(/auto/, 0));
    $(window).scroll(function (event) {
        var y = $(this).scrollTop();
        //if y > top, it means that if we scroll down any more, parts of our element will be outside the viewport
        //so we move the element down so that it remains in view.
        if (y >= top) {
            var difference = y - top;
            $('#colizquierda').css("top",difference);
        }
    });
});

$(document).ready(function () { 
    var top = $('#colderecha').offset().top - parseFloat($('#colderecha').css('marginTop').replace(/auto/, 0));
    $(window).scroll(function (event) {
        var y = $(this).scrollTop();
        //if y > top, it means that if we scroll down any more, parts of our element will be outside the viewport
        //so we move the element down so that it remains in view.
        if (y >= top) {
            var difference = y - top;
            $('#colderecha').css("top",difference);
        }
    });
});

我尝试过：

$(document).scroll(function() {
    checkOffset();
});
function checkOffset() {
    if ($('#colizquierda').offset().top + $('#colizquierda').height() >= $('#footer').offset().top - 10)
        $('#colizquierda').css('position', 'absolute');
    if ($(document).scrollTop() + window.innerHeight < $('#footer').offset().top)
        $('#colizquierda').css('position', 'fixed');
    if ($('#colderecha').offset().top + $('#colderecha').height() >= $('#footer').offset().top - 10)
        $('#colderecha').css('position', 'absolute');
    if($(document).scrollTop() + window.innerHeight < $('#footer').offset().top)
        $('#colderecha').css('position', 'fixed');
}