code is as follows ::
// CSS
.scrollWrapper {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top:0;
}
bottomInput {
position: absolute;
bottom:0;
left:0;
right: 0;
}
// HTML
<body>
<div class="scrollWrapper">
<div class="bottomInput">
<input type="text" placeholder="input"/>
</div>
</div>
</body>
// javascript
// Get the focus in the input box. After the keyboard is bounced, it is really a line of code
var interval = setInterval(function() {
document.body.scrollTop = document.body.scrollHeight
}, 100)Several causes: 1. On the mobile terminal (iOS) Flex attribute, it is compiled into absolute
2、
IOS machines with third -party input method will also have a keyboard pop -up delay, which causes the keyboard to be blocked by the keyboard in the position of the general layout input box (INPUT/Textarea, etc.).
IOS machines with third -party input method will also have a keyboard pop -up delay, which causes the keyboard to be blocked by the keyboard in the position of the general layout input box (INPUT/Textarea, etc.).
Reasons: