需要将规则更改为：

html, body {
    overflow-x: hidden;
    position: relative;
}

来自moanth maji链接的this answer。谢谢！

我在Mac和Safari上也遇到了同样的问题，但在overflow-y方向上。我发现在有“隐藏内容”溢出的Mac上唯一有效的是

#elem {
    overflow: hidden;
    overflow-y: -webkit-paged-y;
    height: 200px;
    }

没有其他平台（包括iPhone或iPad）需要overflow-y: -webkit-paged-y;加上固定的高度。