Javascript Can'；不要让固定div停在页脚上方，我缺少什么？

我有一个侧边栏div，固定到某个滚动/页面高度，然后变成

position:absolute

我的问题是，当它加载时，它处于正确的位置和高度，直到我滚动然后它移动（部分原因是

jQuery

函数）。但是，当它移动时，它会使其不停在页脚处，而是继续通过页脚

我是在COS上构建的，所以我不能在JSFiddle中重新创建问题，但我可以将您链接到该页面

CSS

/*fixed/absolute div*/
.widget-type-post_listing{
    right:0;
    width:50px;
    position:absolute;
    display;block;
    background:yellow;
    height:50px;
   }

jQuery

$(function(){
    var container = $('.widget-type-post_listing');
    var minTop = $('.header-container-wrapper').outerHeight();
    var maxTop = $('.footer-container-wrapper').offset().top - container.outerHeight(); 

    $(document).scroll(function() {
        container.css('top', Math.min( Math.max(minTop, $(document).scrollTop()), maxTop ));
    });
});

下面是JS提琴，展示了一个工作示例：。您可以看到黄色框（fixed/abso.div）将一直粘贴在页面上，直到滚动到页脚

如上所述，要查看确切的问题，请访问工作页面：

---

谢谢大家的帮助

您可以在页脚和页眉之间添加一个div，围绕黄色div 100%宽度相对位置，然后固定该div的最大高度，并将其显示设置为内联flex或内联block。我认为那应该是这份工作

Cover-div{
width: 100%;
display: inline-flex;
position: relative;
}

---

您可以在页脚和页眉之间添加一个div，围绕黄色div 100%宽度相对位置，然后固定该div的最大高度，并将其显示设置为内联柔性或内联块。我认为那应该是这份工作

Cover-div{
width: 100%;
display: inline-flex;
position: relative;
}

---

我只是想说清楚。你是说和我们聊天，对吗？如果你看一下控制台，你似乎有很多javascript错误。“未捕获的TypeError:$（…）。sidr不是函数”，“未捕获的TypeError:$（…）。equalHeight不是函数”。但是由于它被缩小了，所以很难调试。您工作页面上的代码是当前代码吗？似乎您正在使用其他元素来确定

minTop

和

maxTop

。@MehdiBrillaud错误是因为它没有在框架的预览/开发模式下加载“全局头”js文件。我在此页面上没有使用

equalHeight.js

或

sidr.js

。@Eddi是的，大部分情况下。我目前正在处理

minTop

值，但假设这里就是代码。JSFIDLE只是一个极其简化的示例。我将交换工作页面上的代码，以完全匹配此代码。只是为了澄清。你是说和我们聊天，对吗？如果你看一下控制台，你似乎有很多javascript错误。“未捕获的TypeError:$（…）。sidr不是函数”，“未捕获的TypeError:$（…）。equalHeight不是函数”。但是由于它被缩小了，所以很难调试。您工作页面上的代码是当前代码吗？似乎您正在使用其他元素来确定

minTop

和

maxTop

。@MehdiBrillaud错误是因为它没有在框架的预览/开发模式下加载“全局头”js文件。我在此页面上没有使用

equalHeight.js

或

sidr.js

。@Eddi是的，大部分情况下。我目前正在处理

minTop

值，但假设这里就是代码。JSFIDLE只是一个极其简化的示例。我将交换工作页面上的代码以完全匹配此代码。