iOS HTML 输入标签在可滚动元素中停止滚动

标签 ios html css webkit mobile-website

我的移动网站有一个固定的可滚动 (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/

相关文章:

ios - CardIO 的 Nativescript 插件 (IOS) - 无法调用 CARDIO 库中的任何函数且未公开

javascript - 如何使用 jquery 在 html 表中搜索范围?

jquery - Anythingslider 触摸滑动功能停止正常点击 IOS 和平板设备上的链接

javascript - 为什么我的 javascript 代码运行不正常?

css - Chrome 边框问题

ios - 我如何避免由于防止变量为@(null)而导致崩溃?

ios - iOS录音时如何将PCM缓存实时转为AAC数据?

ios - Swift 4 字典 [字符串 : AnyObject] sort by key in alphabetical order

JavaFX Slider 改变宽度(厚度)

jquery - 停止 CSS 下拉菜单拉伸(stretch)导航栏的高度?