Bottom positioning, keyboard pop-up, position change problem


now the prompt will be squeezed up when the keyboard pops up on the Android. What is the reason for this? Find the solution

Javascript css html
Mar.20,2021

$('body'). Height ($(' body') [0] .clientHeight); 

var HEIGHT = $('body').height();
$(window).resize(function () {
    $('div').height(HEIGHT);
});

clipboard.png

boldly guess that fixed positioning is used here, if not, please ignore the one below.

< hr >

if it is fixed positioning, you can do this:
when the input box gets focus, set the bottom element to position:absolute
restore your original position:fixed when you lose focus

just put the text message at the bottom of absolute. Fixed doesn't support ios Android very well
or use flex

.

Previous: Mobile rem layout decimal line wrap, overflow

Next: How to convert an array to another format?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu