说我有以下博客文章设置:
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完美对齐?