0

我是新来的,如果有什么听起来很无聊,请原谅。

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

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

这是一张照片

提问图片

如果您检查正确的 div,我希望底部褪色,并且当我滚动渐变时,它会停留在底部。(这实际上不是 div 的底部) - 还需要能够调整页面大小并且它保持在相同的位置。

4

1 回答 1

0

关键是background-position: fixed;

我为您创建了一个小小提琴,让您明白我的意思:点击我 ,我只是希望我能正确理解您的问题,无需任何代码,只是一个屏幕截图;)

对于 CSS 渐变,请参见此处

于 2012-12-13T10:45:25.697 回答