小程序底部input输入框,键盘弹起时页面整体上移问题解决
小程序中,当input输入框位于页面底部时,输入框聚焦后键盘弹起,页面会整体上移,将输入框所在位置定位到键盘上方(图2)1、input设置属性 :adjust-position=“false”,键盘弹起时,不上推页面。由于获取的系统的尺寸单位都是 px ,给 bottom 设置的值单位也需要使用 px。2、input获取焦点事件中,监听键盘高度,赋值给bottom属性。3、input失去焦点事件中,监听键盘高度,重置bottom值为0。键盘弹起时,页面其他元素不动不动,底部输入框跟随键盘上弹(图3)