美文网首页
底部输入框获取焦点上推页面

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

作者: 斯爱米诺子 | 来源:发表于2018-07-06 11:08 被阅读0次

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下)。
以上三步可完美解决

相关文章

网友评论

      本文标题:底部输入框获取焦点上推页面

      本文链接:https://www.haomeiwen.com/subject/syyvuftx.html