粘贴边栏在页脚之前不会停止

时间:2016-11-23 03:01:58

标签: javascript jquery html css

我在构建博客时遇到问题,我想知道如何让我的侧边栏小部件变粘并在#footer

之前停止滚动

如何在页脚之前停止? 我的小部件正在通过我的页脚,我真的很感激,如果有人可以帮助我,并且肯定其他人有同样的问题。

这是一个剧本:



<script>
// Sticky widget by Bloggersentral.com
// Tutorial at http://www.bloggersentral.com/2013/04/how-to-make-any-widget-sticky.html 
// Free to use or share, but please keep this notice intact.
//<![CDATA[
bs_makeSticky("YOUR_WIDGET_ID"); // enter your widget ID here
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 < 0) {
            bs_sticky.className = iniClass + ' bs_sticking';
            bs_sticky.style.width = width + "px";
        } else {
            bs_sticky.className = iniClass;
        }
    }
}
//]]>
</script>
&#13;
<style>
.bs_sticking {background:#f2f2f2 !important; position:fixed !important; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative\9 !important;}
</style> 
&#13;
&#13;
&#13;

问:如何在页脚之前停止?

1 个答案:

答案 0 :(得分:0)

我的问题现在已经解决,解决方案在this link,但是,它也不会很完美,我只是在这个粘性侧边栏小部件的下方添加Jquery,还有一个Jquery用于图像滑块主页,最终一切顺利。