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

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

作者: 斯爱米诺子 | 来源:发表于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