Question

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

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

滚动问题已经消失，但固定标题在Apple产品上不再有效。但在Windows和Android上，它就像一个魅力。

此外，我有一个自动播放视频，当它可见时播放，现在它在任何设备上都不再有效。

我的代码：

<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>

请帮忙（抱歉我的英语不好）

webkit-overflow-scrolling：触摸固定的div

0 个答案: