Android 4+浏览器上的固定标头上方的差距

Question

任何想法如何消除滚动期间出现的间隙(在屏幕上)？标题位置固定,差距仅出现在Androd上(在Android 4.0.4上测试).

负责标题的部分代码:

HTML:

<div data-role="page" id="settings">
    <div class="holo-action-bar">
        <h1><span>Settings</span></h1>
    </div>
    <div class="content content-inner"></div>
</div>

CSS:

.holo-action-bar {
  background-color: #333;
  color: #fff;
  display: block;
  position: fixed;
  top: 0; right: 0; left: 0;
  width: 100%;
  z-index: 1000;
}

您还可以在jquery移动文档中看到示例

更新:

iOS上没有出现此问题(在iOS 5+上测试)

Answer 1

但删除你的 data-position="fixed"

上课

<div id="header"><h1>Fixed header!</h1></div>

CSS：

#header{
 position:fixed;
 top:0;
}

编辑*

您是否尝试过检查内部对象的边距？如果是 ap 标签或 h1 左右，则它们具有标准边距

如果我查看你提供的链接，顺便说一句，我不喜欢 jquery mobile，因为它带来的问题比它提供的帮助还要多。但是无论如何，它似乎有一个 1px 的边框，所以你有指向你网站的链接吗？