加載異步數據后，Angular2頁面不可滾動

Question

我正在使用Angular 2構建博客，並在清單頁面中使用Angularfire FirebaseListObservable從firebase提取帖子。 問題是，加載帖子后，即使列表超出了當前可見窗口，頁面也無法滾動。 這是頁面的屏幕截圖。 還有更多不可見的帖子，並且頁面不可滾動。

component.html

<ul>
    <li *ngFor="let post of posts | async"><h1>{{ post.title }}</h1></li>
</ul>

Answer 1

問題是組件選擇器上的樣式設置為position：fixed，這阻止了項目滾動。 我通過設置來固定

:host(selector){
    position: unset !important;
}