这是一个JSFiddle: http://jsfiddle.net/hw5Zu/
简而言之,我有一个位置:固定元素.fixedblock
with overflow-y:auto,以便溢出的内容导致垂直滚动条。
在里面我有另一个位置:固定元素.insideblock
,位于外面 .fixedblock的周长。 (它应该是滚动窗格上方的标题栏。)
在我测试的所有浏览器中(最新的Chrome,Firefox,IE7-10),.fixedblock
可见。它仅在Mobile Safari(iPad)上不可见(裁剪)。 (虽然iPad上的JSFiddle没有显示问题。)
哪些浏览器正在做正确的事情?有人可以建议修复吗?
答案 0 :(得分:0)
我解决了这一问题,方法是为.fixedblock
提供一个等于.insideblock
高度的上边距,并将.insideblock
放在顶部:0,在边缘上方。我无法使用填充,因为.fixedblock
的滚动条会在.insideblock
下面消失。通过使用边距,滚动条从边距下方开始。
在iPad上仍存在同样的问题,.insideblock
被视为超出.fixedblock
的范围,并且消失了。所以我求助于用户代理检测 - 仅限iPad - 我将顶部边距更改为顶部填充。这在iPad上没问题,因为它没有滚动条。