固定Blogger的粘性元素 - 在页脚之前停止？

Question

我一直在寻找数小时寻求帮助，所以我希望有人能伸出援助之手。 :)我的侧边栏底部有一个粘滞/固定的div，但是当它到达页脚div时需要它停止粘贴。首先，我意识到还有其他与此相关的问题，我已经尝试了无数次，但它们没有工作，我不知道如何使用Blogger的这个特定代码来实现它们。此代码是目前唯一可以通过Blogger格式在我的博客上正常运行的代码。请帮忙？？

bs_makeSticky("HTML18"); 
function bs_makeSticky(elem) {

    var bs_sticky = document.getElementById(elem);
    var scrollee = document.createElement("div");
    bs_sticky.parentNode.insertBefore(scrollee, bs_sticky);
    var width = bs_sticky.offsetWidth;
    var iniClass = bs_sticky.className + ' bs_sticky';

    window.addEventListener('scroll', bs_sticking, false);

    function bs_sticking() {
        var rect = scrollee.getBoundingClientRect();
        if (rect.top < 120) {
            bs_sticky.className = iniClass + ' bs_sticking';
            bs_sticky.style.width = width + "px";
        } else {
            bs_sticky.className = iniClass;
        }


    }
}

这是我的固定课程：

.bs_sticking {
background:#fff !important; 
position:fixed !important; 
top:0; 
margin-top: 120px; 
position:relative\9 !important;
}

如何让它停留在名为＆＃34;页脚＆＃34;的div上？谢谢。