我的移动网站有一个固定的可滚动 (overflow-y:auto
) 元素,其中包含 input
标签。在 iPhone 和 iPad 上,触摸并移动 input
标签会阻止元素滚动,但触摸并移动标签(或其他任何东西)则不会。 Android 上不会出现此问题。
在我切换到 div
布局之前,input
标签曾经是 table
的一部分,然后滚动适用于 iOS 和安卓。当 input
标签不在 table
中时,是否有原因阻止滚动?我真的更喜欢不必返回 table
进行布局。
我还尝试了 -webkit-overflow-scrolling: touch
它解决了 iPhone 的问题,但阻止了在 iPad 上完全滚动,允许用户水平滚动,这是我不想要的。
更新:如果软键盘处于事件状态,则一切正常。仅当我遇到问题时键盘未激活。
最佳答案
可能是浏览器的问题。您使用 safari 还是其他浏览器?也许更新浏览器或在不同的 iOS 设备上尝试它会起作用?
关于iOS HTML 输入标签在可滚动元素中停止滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14333410/