html - 在 iOS 设备手指输入标签上滚动

Question

我在网站上有一个带有一些输入字段的基本表单。如果用户尝试滚动页面，并通过将手指放在输入框内开始滚动，则不会让页面滚动。如果他们用手指在 body 的某处开始滚动，页面滚动得很好。

这似乎是这个人遇到的同一个问题，但他说以前的开发人员有意实现了这个问题，我绝对没有那个问题。 Input field prevents page from scrolling on iphone

有什么想法吗？

Answer 1

html { 
  overflow: scroll; 
  -webkit-overflow-scrolling: touch;
}

适用于 input 元素和 iframe 元素。触摸事件解决方案解决了滚动问题，但禁用了这些元素上的焦点事件。