CSS如何使滚动列表褪色

Question

我想要创建一个列表中的顶部和底部淡出，因为我滚动列表。 示例是this fiddle。但主要的问题是滚动条也会消失。

有没有办法在这种情况下防止滚动条褪色？

我发现another solution，它使用background-attachment: local，但在那个例子中，阴影是黑色的，自然地放在列表项下面。在我的情况下，我需要在前景中褪色

Answer 1

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

我删除了width:100%并添加了left:0; right:5px两个覆盖。

Here's the updated fiddle.