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

时间:2013-01-15 08:03:00

标签: ios html5 css3 webkit mobile-website

我的移动网站有一个固定的可滚动(overflow-y:auto)元素,其中包含input个标记。在iPhone和iPad上,触摸和移动input标签会阻止元素滚动,但触摸和移动标签(或其他任何内容)则不会。 Android上不会出现此问题。

在我切换到input进行布局之前,table标签曾经是div的一部分,然后滚动适用于iOS和Android。当input标签不在table s时,是否有理由阻止滚动?我真的不想回到table进行布局。

我也尝试了-webkit-overflow-scrolling: touch并解决了iPhone的问题,但是在iPad上完全无法滚动,只允许用户水平滚动,我不想要。

更新:如果软键盘处于活动状态,则一切正常。只有在我遇到问题时键盘未处于活动状态。

1 个答案:

答案 0 :(得分:1)

问题可能是浏览器。你使用safari或其他浏览器吗?也许更新浏览器或在不同的iOS设备上尝试它会起作用吗?