Fix the problem on the iPhone by creating a chat application. The presence of the chat window in a pop-up fixed position. when you click on text input to send a message, the iPhone keyboard opens it and moves the title of the part of the chat section up
You need to fix the title and the text area should always be visible the same way as in whats-app. Set the title part to a fixed position and the same text area on the fixed, even the keyboard, open or not. To prevent this title shift from above means that iPhone scrolling
Note. It works great on an Android phone. Only an issue with iPhone browsers can be related to iPhone scrolling.
source