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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容