Upvote 1

HEADER FIXED WITH MOBILE KEYBOARD

Known Dispositivosarte 20 days ago

Hello, how can I set a header so that it doesn't scroll up when the mobile keyboard appears? It's for a WhatsApp type app. Thank you very much.

Replies (1)
photo
1

Hello,

Find attached a sample .vp with a notification that is pinned on the top of the mobile device. You'll notice a vertical scrollbar on the screen. On simulation, the notification has a pin position to be always on the exact same place. Then the screen has a couple of "on page load" events to reflect the flow when a notification enters the screen. First, there is a scroll event to reflect a scroll made from a user. Second, after two seconds, the notification is shown. When you focus on the input field, the keyboard appears and the notification remains on the same place.

Let me know if you have any questions.

Best regards.

Leave a Comment
 
Attach a file