5

问题：
在iOS7 iPad上以横向模式加载上面的URL时，有一个垂直滚动条。没有正文内容，它正在规范正文/html边距/填充。为了清楚起见，这是我可以提供的最小测试用例，因此缺少内容和空白页。

演示： http:
//fiddle.jshell.net/AKRCa/show/

我尝试过的事情：
将视口设置为：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

和

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">`

其他一些信息：
我无法访问运行 iOS6 的 iPad，但我使用 browserstack 在运行 iOS6 的 iPad3 上测试了演示，并且没有滚动条，因此看来此错误仅限于 iOS7。

iPhone 纵向也没有滚动条，但 iPhone 横向有。

4

1 回答 1

3

好的，经过一些测试（结果在这里）我已经解决了两件事：

  1. 这个错误（至少我认为这是一个错误......）与 webkit-scrolling 相关，实际上并不影响您的网站/应用程序的高度

  2. 如果它是您正在创建的单页应用程序，则需要将此 JS 添加到其中以防止触发任何滚动事件。这也将防止弹性滚动效果和垂直滚动条问题。

    document.ontouchmove = function(event){
  event.preventDefault();
}

JsFiddle展示了我所做的实验。希望有帮助！

于 2013-11-22T15:57:20.733 回答