带侧边栏内容的flexbox两列，边栏包含＆＃39; sticky＆＃39;页眉页脚？

Question

所以我使用flexbox grid并且有一个基本的东西：

<div class="container">
    <div class="row">
        <div class="sidebar col-xs-3">
            <div class="sidebar-top"></div>
            <div class="sidebar-space"></div>
            <div class="sidebar-bottom"></div>
        </div>
        <div class="content col-xs-9">
            <div class="post"></div>
            <div class="post"></div>
            <div class="post"></div>
            <div class="post"></div>
        </div>
    </div>
</div>

通常看起来像这样：

现在，当滚动条和底部绿色条粘在可见页面的底部时，我需要顶部的绿色栏跟随。嘿，可能会或可能不会有内容的中心位置。

我已经尝试过很多东西，主要来自css-tricks网站关于flex和其他各种博客文章，但似乎都没有满足我的需要。如果我在侧边栏顶部/空间/底部周围添加一个包装并将其设置为一列而不是一行，则它不再具有.sidebar和.content所具有的相同高度。似乎没什么用。

纯css甚至可能吗？

编辑：相关的css类容器行和col-xs-X都来自在问题顶部链接的flexbox网格