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

Question

我是新来的，所以请原谅，如果有什么声音很无聊。

我正在忙着创建一个个人网站，并且在一个包装器，一个内容div和一个sidepane div中有两个div。它们的高度设置为99％并且它们在auto上溢出。我希望页面不滚动（除非它们使屏幕更小）但div必须滚动。

问题：我希望div的底部文本消失，这样当你向下滚动div时，它会使文本正常。 我可以使用渐变图像或只是CSS，如果有人能引导我朝正确的方向发展。我正在努力解决这个溢出的原因。我想知道如何将渐变保持在div底部的绝对位置，但是如果你得到我所说的话，现在它不是真的在div的底部？因为div已溢出。我希望它在div在屏幕上结束的位置，但不是在文本结束的位置。我尝试将代码放入

这是一张图片

如果检查右边的div，我希望底部褪色，当我滚动时，渐变位于底部。 （实际上它不是div的底部） - 也需要能够调整页面大小并保持相同的位置。

Answer 1

关键是background-position: fixed;

我为你创造了一个小小的小提琴，看看我的意思：Click me 我希望我能正确理解你的问题而不需要任何代码和屏幕截图;）

也适用于CSS渐变see here