加载异步数据后，Angular2页面不可滚动

我正在用Angular2构建一个博客，在列表页面中，我使用Angularfire

FirebaseListObservable

从firebase获取文章。问题是，加载帖子后，即使列表超出当前可见窗口，页面也无法滚动。这是页面的截图。有更多的帖子不可见，页面无法滚动

component.html

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

{{post.title}

问题在于组件选择器上的样式设置为“位置：已修复”，这会阻止项目滚动。我通过设置来修复它

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

---

问题是组件选择器上的样式设置为“位置：已修复”，这会阻止项目滚动。我通过设置来修复它

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

---

也许您已经设置了

溢出：隐藏

而不是

溢出：滚动

我没有设置任何溢出规则，默认情况下它应该是滚动。但既然您提到了它，我显式地设置了

body{overflow:scroll}

，但没有效果@Günter Zöchbaueri如果有更多的内容，但它不会滚动，我不知道这与Angular有什么关系。我想这需要一个Plunker复制才能诊断出原因。@GünterZöchbauer我想我找到了问题所在。选择器组件上的样式设置为

position:fixed

，防止项目滚动。如何删除该样式？没有运气瞄准

：主机

对不起，我不知道该怎么知道。你的问题没有包含任何信息。我需要查看HTML、涉及的组件以及要应用样式的元素。也许您设置了

overflow:hidden

，而不是

overflow:scroll

，我没有设置任何溢出规则，默认情况下应该是scroll。但既然您提到了它，我显式地设置了

body{overflow:scroll}

，但没有效果@Günter Zöchbaueri如果有更多的内容，但它不会滚动，我不知道这与Angular有什么关系。我想这需要一个Plunker复制才能诊断出原因。@GünterZöchbauer我想我找到了问题所在。选择器组件上的样式设置为

position:fixed

，防止项目滚动。如何删除该样式？没有运气瞄准

：主机

对不起，我不知道该怎么知道。你的问题没有包含任何信息。我需要查看HTML、涉及的组件以及要应用样式的元素。