[角度][星云]将body背景与主题同步



我已经用angular和nebular构建了一个网络应用程序。我启用的默认主题是"宇宙"主题,我看到当向上或向下滚动太远时(在手机或触控板上,如果你在笔记本电脑上(,你可以看到身体的白色背景。

我希望主体背景与主题设置相同。我已经阅读了启用多个主题的文档,这很有效(顶部导航栏有一个按钮可以动态更改主题(,但我找不到如何根据主题的颜色设置主体背景。

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

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

您要查找的术语是过度滚动。这是css属性,与星云无关。您可以通过在css的某个地方添加此属性来更改该属性。

body { overscroll-behaviour: none; }

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

为了克服这个问题,你必须在body标记中添加上面提到的属性。转到Inspect元素并将其添加到元素选项卡中,以临时查看正在运行的属性。

最新更新