使用CSS渐变背景滚动

-3

Here's the page.滚动的“Pedidos”下面的空间具有渐变背景。我的问题在于，我希望背景在滚动时继续滚动并重复，但它只是保持不变。我在一个简单的页面上进行了实验，并且它确实滚动，所以为什么它不在这里发生？下面是部分相关的造型：使用CSS渐变背景滚动

.pedidos #list { 
    width: 100%; 
    font-size: 1.3em; 
    margin: 0; 
    padding: 0; 
    overflow-y: overlay; 
    max-height: calc(100vh - 405px - 10px); 
    background-image: repeating-linear-gradient(180deg, #e1e1e1, #e1e1e1 35px, #cdcdcd 35px, #cdcdcd 70px); 
    background-repeat: repeat; 
}

编辑

下面是区域的当前代码（清单产品只是为了创造空间展示）：

<ul id="list"> 
    <li style="height: 1000px; background-color: transparent;">a</li> 
</ul>

来源

2017-04-07 fijozico

请提供你想要得到什么相关的HTML结构，更明确的解释。 – Justinas

当您滚动时，背景仍然存在。我希望不会发生，即我希望它也滚动。 – fijozico

因此，当您滚动时，您需要将线条留在原地（背景），但要在其上滚动列表项目？ – disinfor

这应该可以解决问题。 Background-attachment:fixed将后台附件修复到视口。

编辑：为了使背景滚动与页面的其余一起，使用background-attachment:scroll

.pedidos #list { 
    width: 100%; 
    font-size: 1.3em; 
    margin: 0; 
    padding: 0; 
    overflow-y: overlay; 
    max-height: calc(100vh - 405px - 10px); 
    background-image: repeating-linear-gradient(180deg, #e1e1e1, #e1e1e1 35px, #cdcdcd 35px, #cdcdcd 70px); 
    background-repeat: repeat; 
    background-attachment:scroll; 
}

来源

2017-04-07 14:00:58 Tijmen

这不是问题。背景已经修复，我不想发生。我想要背景移动。 – fijozico

我编辑我的答案，使背景移动：使用“滚动”，而不是“固定” – Tijmen

已经尝试过，没有用。 – fijozico

使用CSS渐变背景滚动

回答

相关问题