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

Question

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

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

我已经尝试在我的styles.scss 文件中的Use themes variables 中执行他们建议的操作。在src/app/app.component.sccs 中进行这些更改并没有在正文标签中设置任何样式，即使在使用:host 时也是如此。

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

Answer 1

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

body { overscroll-behaviour: none; }

这实际上是预期的浏览器行为，与 Nebular 无关。 如果您想对此进行测试，您可以访问不同的网站，包括 stackoverflow 和许多其他网站并进行测试。

要克服这个问题，您必须在 body 标记中添加上述属性。转到检查元素并将其添加到元素选项卡中以暂时查看该属性的运行情况。