如何使侧边栏紧贴其右边的容器并且不随滚动条滚动？

Question

大致的布局是这样的：

<section class='flex-center'>
    <aside>侧边栏</aside>
    <main class=container>主容器</main>
</section>

我使用 flex 将侧边栏和容器都居中了，于是得到这样的效果：

现在我希望的是当滚动右边文章列表的内容时，左边的侧边栏固定不动。我可以通过 fixed 定位来固定侧边栏，但是现在的问题是为了支持响应式布局，侧边栏的 left 值是不固定的，我希望侧边栏紧贴右边的容器，而不是紧贴浏览器左边。

有什么办法实现上面的需求么？

Answer 1

jQuery.pin
github url

Answer 2

用js根据浏览器宽度算侧边栏的left值