CSS如何使可滚动列表淡入淡出

Question

我想创建一个元素列表，当我滚动列表时，这些元素会在顶部和底部淡出。 该示例位于this fiddle。但主要问题是滚动条也会淡出。

在这种情况下，有没有办法防止滚动条淡出？

我找到了使用background-attachment: local的{​​{3}}，但在该示例中，阴影是黑色的，并且自然地位于列表项目下方。在我的情况下，我需要前景中的白色淡入淡出

Answer 1

从您的示例中我看到您知道滚动条的宽度是多少，因此我的解决方案是将叠加层的宽度从100％更改为100％ - 5px，因此叠加层将在滚动开始之前结束。

我删除了width:100%，并为两个叠加层添加了left:0; right:5px。

Here's the updated fiddle.