قالب وردپرس درنا توس
Home / IOS Development / javascript – iOS virtual keyboard obscuring page at the bottom of the text box

javascript – iOS virtual keyboard obscuring page at the bottom of the text box



We have a website with fixed header and footer and scrollable content.

It has 20 text boxes. Those on the bottom, e.g. Zip, Phone is hidden by the virtual keyboard iOS that pops up in the textbook focus.

If I find that the user has a device with a virtual keyboard, I can add a half screen padding in the bottom text box so that the user can scroll down and the virtual keyboard does not hide it.

Is this the usual way to handle it, and if so, is there a JavaScript / css way to detect if the device should appear a virtual keyboard? Or since it's an aspx page, should we try to discover that server side?

 screen mockup


Source link