[Angular][Nebular] 主体背景与主题同步

Question

我用 angular 和星云构建了一个web 应用程序。 我启用的默认主题是“宇宙”主题，我已经看到当向上或向下滚动太多时（在手机或触控板中，如果你在笔记本电脑上），你可以看到身体的白色背景。

我想让正文背景与主题设置的相同。 我已阅读文档以启用多个主题，并且有效（顶部导航中有一个按钮可以动态更改主题），但我找不到如何根据 colors 的 colors主题。

我已经尝试按照他们在这里的建议使用我的styles.scss文件中的主题变量。 在src/app/app.component.sccs中进行这些更改并没有在 body 标记中设置任何样式，即使在使用:host时也是如此。

我尝试将:host更改为body ，我很确定我必须使用他们在示例中提到的相同变量。 但由于某种原因，我看到它从默认主题中获取值。 我已经尝试使用background-basic-color-x ，其中x的范围从 1 到 4，并且值与默认主题的文档匹配。

Answer 1

您要查找的术语是过度滚动。 那是一个 css 属性，与星云无关。 您可以通过在最顶层的 css 中的某处添加此属性来更改该属性。

body { overscroll-behaviour: none; }

这实际上是预期的浏览器行为，与 Nebular 无关。 如果你想测试这个，你可以 go 到不同的网站，包括 stackoverflow 和许多其他网站并测试这个。

为了克服这个问题，你必须在你的 body 标签中添加上面提到的属性。 Go 到 Inspect element 并将其添加到 elements 选项卡中以临时查看该属性的运行情况。