Jquery 固定的边栏由页脚向上推

我发现了几十个关于固定边栏的问题。我的问题是，一旦页脚进入视口，侧边栏就不应该被修复。您可以在Gather.Ly或Trek Factory Racing页面上看到完全相同的行为

我假设他们的解决方案只是保持边栏固定，而是通过视口中可见的页脚像素数来推动（页边距顶部）

我的布局

100%包装，两个div。一个用于内容，一个用于100%高度图像。在包装后，我有100%宽度的页脚

---

我想我唯一可能的解决方案是jquery？你能帮我查一下密码吗？我似乎有点不知所措……

您可以使用JavaScrip检查页脚是否在视口中（您可以看到的区域）。您可以在Stack Overflow上搜索如何执行此操作，或者使用jQuery和此插件：

您的代码可能与此类似（如果您使用我提到的插件）：

---

希望这能回答你的问题

您需要向我们提供一些代码，以便我们帮助您。把你的代码贴在这里（你现在得到的），然后做一把小提琴。非常感谢。这确实奏效了。我通过切换类而不是直接更改css来更改您的脚本。就我的目的而言，它实际上是一个更优雅的解决方案，不需要对保证金补偿进行硬计算。很高兴我能提供帮助！因此，代码始终是一种建议，没有固定的解决方案（至少经常如此）。做你喜欢做的事；）

$(window).scroll(function()
{
   if ( $('.footer:in-viewport').exists() ) {
      $('.sidebar').css('position','static');
   }
});

if (jQuery){
    jQuery.fn.exists = function() {
        return this.length>0;
    };
}