css - 隐藏正文(html)以 2/4 的 Angular 滚动

Question

我试图隐藏正文 (html) 滚动条。添加:

body,
html{
   overflow: hidden;
   margin: 0;
   padding: 0;
}

在组件 css 文件或“app.component.css”中似乎都没有帮助。有什么想法吗？

编辑:将以上内容添加到“styles.css”文件(通过 .angular-cli.json 调用)似乎可行。我仍然很好奇知道为什么它在放置在组件或“app-component”css 文件中时不起作用..

Answer 1

这可能有效，因为它阻止了重写选择器的 View 模拟，以便只处理组件模板中的元素

* ::ng-deep body,
* ::ng-deep html{
   overflow: hidden;
   margin: 0;
   padding: 0;
}