仅在到达顶部或底部时，如何粘贴侧边栏？

Question

我有这个基本示例：

<StickyContainer>
  <Sticky>
    { ({ style }) => <div style={style}><Sidebar /></div> }
  </Sticky>

  <MainContent />
</StickyContainer>

当我的侧边栏小于视口时，一切正常。但是，当补充工具栏大于视口时，只能在MainContent的末尾看到补充工具栏的底部。

侧边栏是否有可能在向下滚动时仅在其底部达到某个bottomOffset时才变粘，以及在向上滚动时，侧边栏仅在其顶部达到某个topOffset时才变粘吗？

与Facebook主页上的完全一样（在展开左侧菜单后）