我很抱歉,如果问题的标题确实没有意义,但当英语不是您的第一语言时,这是一个很难用语言描述的问题。最好的方法是展示小提琴的意思。
在此示例中,我有一个容器div
,其中包含overflow: hidden
和一些顶部填充。项目中相对定位的div
和content
类由jQuery滚动,但它现在不相关。假设该示例显示了内容已向下滚动一点的情况。
div
向上移动,遗憾的是内容“忽略”了容器的填充,这是正确的和预期的html行为。但是在这种情况下,我必须“防止填充消失”。 html结构必须保持不变 - 内容div
必须直接位于容器内。
我想出了一个解决方案,使用另一个div
冒充“填充”,使用绝对定位和z-index
。
我的问题 - 是否有更好的方法来实现这一结果?
答案 0 :(得分:2)
我建议的唯一改进是从视觉/设计的角度来看:
而不是在#fff
类中使用纯白色mask
,也许是从透明到背景颜色(在您的情况下为白色)的渐变图像,因此文本看起来像是落后了一些东西,而不仅仅是“切断”。
上传了一个小提琴:http://jsfiddle.net/kdFgn/30/