滚动时淡出文本

Question

Basically what I have is a page with a background image and when I have content which is quite long and overflows. I want the text to be inside that image and it appears to fade out when scrolling at the end of the image and the top of the image. I do not want internal scrollbars. The background image itself is fixed and centered and I want the text to always remain inside there.

Is this possible? if this is not clear then I will try and explain myself further.

I have looked at options in Jquery and CSS fading but cannot find exactly what i want.

Any help is appreciated!

Thanks

H

Answer 1

我建议您在div的顶部和底部植入图像叠加层（白色到透明），但是由于您的背景而可能无法正常工作……我们也许可以看到您使用的背景吗？

Answer 2

The two images Nexxeus says should be placed in a fixed position at the top and bottom of the browser. You shouldn't touch what the overflow does, since it will be hidden below the two images.