IOS fixed positioning at the bottom of the input box, the keyboard that pops up when getting the focus to block the input, iosinput

IOS fixed positioning at the bottom of the input box, the keyboard that pops up when getting the focus to block the input, iosinput

Mobile pages often achieve this effect. Looking at the image below, the focus is on the bottom of the fixed positioning. There is an input box in it. When entering characters, there is no problem with the Android phone!

1. The initial status of input is not clicked at the bottom of the page.

2. Everything on the Android phone is so normal and perfect.

3. the ios Mobile phone is so capricious, there is no way to block it completely, block it, block it ..., you must slide the entire page to the bottom to see it.

I am not afraid of shame. I have finally been able to solve this problem for more than a year. What's more exciting and even more bloody is that the Code has only a special line!

Please open your eyes

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

I won't show the actual results. I was surprised to find and try it before I knew it, right?