加载异步数据后，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;
}