移动触摸滚动 - 输入问题

时间:2015-01-05 16:02:14

标签: html5 css3 input safari touch

移动(响应)网站上的文字输入存在问题。

我在css上使用下一行:

body { -webkit-overflow-scrolling: touch ; overflow-y: scroll; }

除了输入外,它的工作正常。当我用一些文本输入填充表单时 - 我在发短信时看不到值,只有在滚动页面或移动到下一个字段(在Safari上测试)后才会显示。

我尝试通过添加:

来修复它
input[type="text"] {
    -webkit-overflow-scrolling: none !important;
}

但是 - 它没有解决问题。

我正在使用gamby框架。

1 个答案:

答案 0 :(得分:1)

我刚删除了我在CSS文件中找到的下一行

html, body {
    height: 100%;
    overflow-x:hidden;
}

我不确定为什么会导致这个错误,但它现在有效。