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下)。
以上三步可完美解决
底部输入框获取焦点上推页面
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 福州市第一期生物教师实验技能培训于2018年7月2日上午结束了,回想这七天来,收获满满、感触良多。 2...