Css 位置：固定元素在另一个位置内：固定元素不显示（仅限iPad）

下面是一个JSFIDLE：

简而言之，我有一个position:fixed element.fixedblock和overflow-y:auto，这样溢出的内容会导致垂直滚动条

在里面我有另一个位置：固定元素。内部块，位于。固定块的外围。应该是滚动窗格上方的标题栏

在我测试过的所有浏览器中，最新的Chrome、Firefox、IE7-10、.fixedblock都是可见的。只有在移动Safari iPad上才能看到它。不过iPad上的JSFIDLE并没有显示出问题

哪些浏览器正在做正确的事情？有人能提出一个解决方案吗？

我解决了这个问题，给.fixedblock一个等于.insideblock高度的上边距，并把.insideblock也放在顶部：0，在边距的顶部。我不能使用填充，因为这会使.fixedblock的滚动条消失在.insideblock下面。通过使用边距，滚动条从边距下方开始

这在iPad上仍然存在同样的问题。insideblock被视为在.fixedblock的外围之外，然后消失。因此，我求助于用户代理检测，并且——仅针对iPad——我将顶部边距改为顶部填充。这在iPad上还可以，因为它没有滚动条