Javascript 滚动时文本底部的不透明度

我想在文本的底部加上不透明度，滚动时应该保持不透明度，但当我在最后滚动时应该可以看到。 我该怎么做

这是我的密码：

//html large text goes here

//css #wrapper { height: 600px; width: 700px; overflow: auto; position: absolute; left: 25%; } //html 大文本放在这里

//css #包装纸{ 高度：600px； 宽度：700px； 溢出：自动； 位置：绝对位置； 左：25%； } 将此添加到

#包装器
CSS：

-webkit-mask-image: -webkit-gradient(linear,left 20%,left bottom,from(black),to(rgba(0,0,0,0)))

将此添加到
#包装器中
CSS：

-webkit-mask-image: -webkit-gradient(linear,left 20%,left bottom,from(black),to(rgba(0,0,0,0)))

将此添加到
#包装器中
CSS：

-webkit-mask-image: -webkit-gradient(linear,left 20%,left bottom,from(black),to(rgba(0,0,0,0)))

将此添加到
#包装器中
CSS：

-webkit-mask-image: -webkit-gradient(linear,left 20%,left bottom,from(black),to(rgba(0,0,0,0)))

对于跨浏览器（）解决方案，您可以执行以下操作：

HTML

<div>
  content here
  <div class="overlay"></div>
</div>

对于跨浏览器（）解决方案，您可以执行以下操作：

HTML

<div>
  content here
  <div class="overlay"></div>
</div>

对于跨浏览器（）解决方案，您可以执行以下操作：

HTML

<div>
  content here
  <div class="overlay"></div>
</div>

对于跨浏览器（）解决方案，您可以执行以下操作：

HTML

<div>
  content here
  <div class="overlay"></div>
</div>

上次选中的
此处的大文本
是无效的HTML。提供所有代码提供小提琴来理解。@laaposto上次选中的
此处的大文本是无效的HTML。提供所有代码提供小提琴来理解。@laaposto上次选中的
此处的大文本是无效的HTML。提供所有代码提供小提琴来理解。@laaposto上次选中的
此处的大文本是无效的HTML。提供所有代码提供fiddle来理解..@laaposto尼斯解决方案，但它仅适用于启用webkit的浏览器：（尼斯解决方案，但它仅适用于启用webkit的浏览器：（尼斯解决方案，但它仅适用于启用webkit的浏览器）：（尼斯解决方案，但它仅适用于启用webkit的浏览器：（@Bulina你在使用IE 10/11吗？你可以更改叠加中的高度变量使其“更厚”。@Bulina你可以使用渐变背景图像制作一个渐变。@Bulina你在使用IE 10/11吗？你可以更改叠加中的高度变量使其“更厚”@Bulina您可以使用渐变背景图像制作一个。@Bulina您使用IE 10/11吗？您可以更改叠加中的高度变量使其“更厚”。@Bulina您可以使用渐变背景图像制作一个。@Bulina您使用IE 10/11吗？您可以更改叠加中的高度变量使其“更厚”@Bulina您可以使用渐变背景图像制作一个图像。