ポップアップ入力方式のキーボードが入力をブロックする場合、問題を解決するにはどうすればよいですか?

モバイル ページでは、このような効果が得られることがよくあります。下の図を見てください。文字を入力する際に​​は、内部に入力ボックスが表示されます。

1. 下部の入力をクリックしないページの初期状態

2. Android スマートフォンでは、すべてが非常に正常で完璧です。

3. iOS の携帯電話では、とても故意で、方法がありません。完全にブロックされ、ブロックされ、ブロックされています...、それを表示するには、ページ全体を一番下までスライドする必要があります。かくれんぼのようなものです。

この問題は 1 年以上解決され、ついに完全に解決されたと言うのは恥ずかしがりません。さらにエキサイティングで恐ろしいのは、コードが 1 行しかないことです。

目を開けて見てください

<script type="text/javascript">
	$("input").on("click", function() {
		setTimeout(function(){  
		    document.body.scrollTop = document.body.scrollHeight;  
		},300);  
	})
</script>

具体的な実際の効果を示すためにスクリーンショットは撮りません。自分で調べて試してみると驚くでしょう?

以上がポップアップ入力方式のキーボードが入力をブロックする場合、問題を解決するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。