Javascript 当到达页面末尾时（滚动时），如何向上移动fixed div 200px？

我有一个有两列（侧边栏）的页面

左边的一个是固定的（包含谷歌广告），即使我向下滚动页面，也保持不变

右边的一个包含帖子，并且是相对定位的，所以滚动是可以的

但是，我在右栏（侧边栏）后面有一个页脚

此页脚的宽度为页面的100%

问题是当我滚动到底部时，页脚会转到左侧边栏

当我向下滚动时，从页面末尾达到200px时，我想将左侧边栏200px移动到顶部。

返回顶部时返回

<div id="main">
    <div id="left">Google Ads here</div>
    <div id="right">Content posts here</div>
</div>
<div id="footer">
    footer here
</div>

谷歌广告在这里
这里的内容帖子
页脚在这里

您可以使用纯CSS而不是javascript来完成此操作

---

详情请阅读。演示

您可以使用jQuery scroll。大多数网站都使用它来加载其网站的内容

   $(window).scroll(function(){  

        if($(window).scrollTop() + $(window).height() >= $(document).height() - 200){
            setLeftBarPosition();
        }
    });

   function setLeftBarPosition(){
    // your code to set position of lefftbar

  }

---

有没有可以使用的示例代码？到目前为止，您尝试了什么？没有特殊的代码，但是我已经将其添加到我的帖子中。看看这个jquery，它只是一个固定的div演示。它没有任何页脚或页眉跨越100%的宽度…您能显示您的标记吗？我很确定你可以用固定的定位来解决这个问题。Lo Sauer是对的，我需要javascript来知道我到底什么时候是200px。