Android webkit溢出滚动：触摸固定div

我有一个小问题，我用ASP.NET创建了一个HTML5网站，其中标题是固定的，但在iPad和iPhone上它的滚动速度非常慢，所以我不得不在CSS中使用以下小代码：

-webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0);

卷轴问题消失了，但固定标题在苹果产品上不再有效。但在Windows和安卓系统上，它就像一种魅力

我还有一个自动播放视频，当它可见时播放，现在它在任何设备上都不工作了

我的代码：

<style>
body, html, form {
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow-x: hidden;
    -webkit-transform: translateZ(0);
}
#wr {
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}
#header .fixed-menu {
    position: fixed;
    width: 100%;
    z-index: 100;
}
#header .menu {
    float: right;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
}
</style>

---

请帮助我并为我糟糕的英语道歉

hello@Hamaody你能发布一个你正在使用的html的示例吗？