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

大致的布局是这样的:

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

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

布局效果图

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

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

阅读 3.9k
2 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题