Javascript 将绝对定位的粘滞元素与同级内部的div对齐？_Javascript_Css_Reactjs_Css Selectors

Javascript 将绝对定位的粘滞元素与同级内部的div对齐？

javascript css reactjs

Javascript 将绝对定位的粘滞元素与同级内部的div对齐？,javascript,css,reactjs,css-selectors,Javascript,Css,Reactjs,Css Selectors,假设我有以下博客帖子设置： //这个div有一些左右空白，因此博客文章居中标题身体 //在右边空白处，我绝对地将这个容器和粘性侧栏放在里面。我希望我的StickySideBar位于右侧，并沿着博客文章向下移动。我在上面使用了position:sticky。我把它放进了一个容器中，这个容器的位置是绝对的，它沿着整个页面延伸（高度：100%）。现在它起作用了。但是现在我希望我的StickySideBar被粘贴到文本开始的位置，而不是顶部。我可以做top:500px之类的事情来近似这个，但是

假设我有以下博客帖子设置：


//这个div有一些左右空白，因此博客文章居中
标题
身体
//在右边空白处，我绝对地将这个容器和粘性侧栏放在里面。

我希望我的StickySideBar位于右侧，并沿着博客文章向下移动。我在上面使用了

position:sticky

。我把它放进了一个容器中，这个容器的位置是绝对的，它沿着整个页面延伸（

高度：100%

）。现在它起作用了。但是现在我希望我的StickySideBar被粘贴到文本开始的位置，而不是顶部。我可以做

top:500px

之类的事情来近似这个，但是我怎样才能将它与

Body

div完美地对齐呢？

将它移动到Body div怎么样？将文本放在div中？我可以这样做，但在我的设置中，这些边距实际上来自层次结构中更高的一个组件，因此我正在寻找一种解决方案，允许我将容器作为Blogpost的兄弟。根本不可能？