css - 带有渐变的文本淡入淡出的 div - 自动溢出

Question

我是新来的，所以如果有任何听起来很菜鸟的地方，请原谅。

我正忙于制作一个个人网站，包装内有两个 div，一个内容 div 和一个侧面板 div。它们的高度设置为 99%，它们在自动时溢出。我希望页面不滚动(除非它们使屏幕变小)但 div 必须滚动。

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

这是一张照片

如果您选中右侧的 div，我希望底部变淡，并且当我滚动时渐变保持在底部。 (这实际上不是 div 的底部)- 还需要能够调整页面大小并保持在相同位置。

Answer 1

关键是background-position: fixed;

我创建了一个 fiddle 让你明白我的意思:Click me我只希望我在没有任何代码和截图的情况下正确理解你的问题；)

也适用于 CSS 渐变 see here