如何防止背景渐变从头开始？

Question

我有一个简单的网站，上面有一些文章/卡片。作为背景我使用渐变。

keyword

没关系！点击卡片后，它会展开，这也会增加整体页面高度。但是当达到“第一个100％高度”时，背景渐变重新开始。

如何防止它重新开始？然后，渐变应始终使用“新”100％页面高度。

如果这有帮助，可以在此页面上使用jQuery。

Answer 1

您的height首先定义为100%，但之后，您使用height: 1000px;重新定义，并覆盖第一个。

只需删除height: 1000px;即可解决此问题。

或许，您需要此规则：min-height: 1000px;（而不是height: 1000px;），具体取决于您的目标。

Answer 2

尝试应用background-size: 800% 800%;。您可以根据内容的长度调整这些值。