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

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

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