Css 带渐变的div用于文本淡入淡出-自动溢出

我是新来的，所以如果有什么听起来很粗鲁的话，请原谅

我正忙着制作一个个人网站，在包装器中有两个分区，一个内容分区和一个侧窗格分区。它们的高度设置为99%，自动溢出。我希望页面不滚动（除非他们使屏幕变小），但div必须滚动

问题：我想让div的底部文本淡出，这样当你向下滚动div时，它会使文本恢复正常如果有人能把我引向正确的方向，我可以使用渐变图像或CSS。我正在努力解决溢出的原因。我想知道如何使梯度保持在div底部的绝对位置，但是如果你明白我的意思的话，现在它不是真的在div底部了？因为div在上有溢出。我希望它位于屏幕上div结束的位置，而不是文本结束的位置。我试着把代码放进去

这是一张照片

---

如果你选中右边的div，我希望底部是淡入淡出的，当我滚动时，渐变保持在底部。（实际上不是div的底部）-还需要能够调整页面大小，并保持在相同的位置。

键为

背景位置：固定

我制作了一个小提琴让你明白我的意思：
我只希望在没有任何代码和屏幕截图的情况下正确理解您的问题；）

同样适用于CSS渐变
是！完美的非常感谢！哈哈，很抱歉没有发布代码。唯一的背景是它不会褪色的文本，如果我使用一个梯度图像，它通过文本的固定位置？勾选答案，我会告诉你：b细沟。。。im waaitting:）所以div包装器包含两个div，称为content包装器和sidepane包装器。它包含两个div，称为content和overlay。然后叠加有一个背景渐变，位于content div的顶部。