Javascript 滚动时淡出文本

基本上，我有一个带有背景图像的页面，当我有很长的内容并且溢出时。我希望文本是在该图像，它似乎淡出时，滚动在图像的结尾和顶部的图像。我不想要内部滚动条。背景图像本身是固定的，居中的，我希望文本始终保持在那里

这可能吗？如果这不清楚，那么我将尝试进一步解释我自己

我看过Jquery和CSS中的选项，但找不到我想要的

感谢您的帮助

谢谢

---

H

我建议您在div的顶部和底部安装一个图像覆盖（白色到透明），但由于您的背景，这可能不起作用……我们可以看到您正在使用的背景吗？

Nexxeus说这两个图像应该放在浏览器顶部和底部的固定位置。你不应该触摸溢出的功能，因为它将隐藏在两个图像的下面。

@nexexeus我想到了这一点，但它能解决内容溢出的问题吗？正如我之前所说的，我不想要内部滚动条，只需要页面上的主滚动条。如果背景和覆盖是相同的图像，它就可以工作。覆盖将从0%到100%从上到下逐渐变暗（您需要使用PNG）。您可以使用溢出：隐藏和保存文本的容器上的固定高度来解决内容溢出问题。@Hem顺便说一句，

overflow:hidden

表示内容不会溢出，

overflow:scroll

表示内容将滚动，而

overflow:visible

意味着溢出的内容将是可见的-但没有滚动条。@Nexexeus我刚刚在一些示例html上尝试了overflow:hidden，它的工作原理与我所想的一样，隐藏溢出的内容。