移动设备上的触摸滚动 - 输入问题

Question

我在移动（响应式）网站上输入文本时遇到问题。

我在 css 上使用下一行：

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

它工作得很好，除了输入。当我用一些文本输入填充表单时 - 我在输入文本时看不到值，它仅在滚动页面或移动到下一个字段后显示（在 Safari 上测试）。

我试图通过添加来修复它：

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

但是 - 它没有解决问题。

我正在使用 gamby 框架。

Answer 1

我刚刚删除了在 CSS 文件

中找到的下一行

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

我不确定为什么会导致这个错误，但现在可以了。