将绝对定位的粘性元素与同级内的div对齐?

时间:2020-02-22 10:01:25

标签: javascript css reactjs css-selectors

说我有以下博客文章设置:

import NewDataSet from '../assets/NewDataSet.json';

...

export class Lazy1Component implements OnInit {

  ngOnInit(): void {
    this.DataList = NewDataSet
  }
}

我希望我的StickySideBar位于右侧,并沿着博客文章向下浏览。我在上面使用 <div> <div> //this div has some margin left & right, so the blog post is centered <div>Title</div> <div>Body</div> </div> <ContainerAbsolute> //inside the right margin, i absolutely position this container & the sticky side bar inside it. <StickySideBar /> </ContainerAbsolute> </div> 。我将其放入一个容器中,该容器的位置绝对正确,并且可以扩展整个页面(position:sticky)。现在可以了。但是现在我希望我的StickySideBar停留在我的文本开始的位置,而不是最顶部。我可以做height: 100%之类的事情来近似这个值,但是我怎样才能使其与top: 500px div完美对齐?

0 个答案:

没有答案
相关问题