右侧边栏中的粘性小部件与页脚发生碰撞

Question

我的博客在右侧边栏上有一个小部件，我滚动到结束时小部件必须转到它的位置，但粘性小部件一直出现并在最后与页脚碰撞。

我在博客中使用的代码如下，

我放在</body>标记

上方的Javascript

<script type='text/javascript'>
//<![CDATA[
// Sticky Widget
function makemeSticky(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" makesticking",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky("HTML6");
//]]>
</script>

CSS

.makesticking{background:none!important;position:fixed!important;top:25px;z-index:99;-webkit-transform:translateZ(0);}
#HTML6 .widget-content {padding:0;margin:auto;}