Stop iPad Keyboard from Scrolling the Webpage Too Big

Question

It looks like the Safari keyboard works on the iPad ...

• If a web page initially hits the bottom of the screen when the keyboard appears, it never scrolls past the bottom of the web page.

• If the web page does not initially reach the bottom of the screen, and the text box with focus is more than half on the screen, it scrolls the web page so that the current text box is now halfway down the screen and it does not matter if the area below the original web is displayed page.

Basically, I want to have a webpage that doesn't fill the screen vertically, and yet I don't want the keyboard to scroll the screen at the bottom of the webpage because it will hide the top of the webpage and instead display a blank The area under the webpage.

In portrait mode on iPad, the following web page is always displayed, even when the text field is active and the keyboard is displayed: http://sky-walker.net/temp/ipad/a

But when you browse this web page in landscape mode and select the bottom text box, the web page scrolls so that the bottom text box is halfway up the screen. I want it to be at the bottom of the screen.

http://sky-walker.net/temp/ipad/b

In landscape mode, the previous link fills the entire screen, so if you click on the lower text field (after scrolling), the text field will appear at the bottom of the screen when the keyboard is visible, rather than scrolling the screen until the text field is halfway down across the screen.

In portrait mode, the previous link does not initially fill the screen, so if you click on the lower text field (so that the keyboard appears), it scrolls so that it is halfway up.

http://sky-walker.net/temp/ipad/d The final link fills the entire screen for portrait mode, and when the lower text field is selected, it does not scroll past the bottom of the web page when the keyboard becomes visible.

Perhaps what he does when the webpage does not fill the screen is that he remembers the empty space at the bottom, and then scrolls up (hides the top) when the keyboard is visible. I want him to forget about the empty space below when the keyboard appears.

Answer 1

I came across a very similar question. That's what I'm doing.

I subscribe to UIKeyboardWillShowNotification to get the size of the keyboard, and then when the scroll scrolls more than the height of the keyboard, I set the scroll offset to the height of the keyboard.