底部输入框获取焦点上推页面

1.首先在wxml的输入框里面添加adjust-position=false
2.监听focus事件,通过获取e.detail.height(即弹出的软键盘的高度),
把input的输入框的bottom=e.detail.height * 2 + 'rpx';还须把content
的内容高度减去键盘的高度(值须setData下)。
3.监听失焦(blur)事件,在该方法里,把input输入框的bottom重置为0;
且内容高度为原本的内容高度即可(值须setData下)。
以上三步可完美解决

你可能感兴趣的:(底部输入框获取焦点上推页面)