微信小程序 > 微信公开课 > 小程序中,fixed在底部的view,在弹出输入法键盘后如何保持可见
微信小程序,微信公开课,小程序中,fixed在底部的view,在弹出输入法键盘后如何保持可见

小程序中,fixed在底部的view,在弹出输入法键盘后如何保持可见

2019-03-15 18:17:35

微信公开课小程序热门讨论关于「小程序中,fixed在底部的view,在弹出输入法键盘后如何保持可见」的小程序开发问题
补充:需求的场景描述(希望解决的问题)fixed在bottom的view,页面中有textarea,当焦点到textarea上面时,弹出输入法后,bottom的view会被输入法挡住bar{position:fixed;width:100%;bottom:0;display:flex;justi
展开:需求的场景描述(希望解决的问题)fixed在bottom的view,页面中有textarea,当焦点到textarea上面时,弹出输入法后,bottom的view会被输入法挡住bar{position:fixed;width:100%;bottom:0;display:flex;justifycontent:spacebetween;alignitems:flexend;padding:5rpx10rpx5rpx10rpx;color:555;backgroundcolor:ghostwhite;zindex:1;}希望提供的能力如何设置bottom的view,在弹出输入法时仍然保持在底部即速小程序:1:可以设置cursorspacing的属性距离2:使用bindfocus、bindblur操作函数来动态设置底部组件框与底部之间的距离(外边距):marginbottom:30rpx;jsdata里面设置一个变量:inputMarBot:false,评论框聚焦时,让评论框距离底部的距离为30rpxwxml页面:使用三元表示设置styleinput组件的父元素容器与底部外边距:<viewclass=style={{inputMarBot?marginbottom:50rpx:}}(关键,主要跟input的聚焦和是去焦点有关)及input组件定义属性:bindfocus=settingMbShowbindblur=settingMbNoShow
更多有关「小程序中,fixed在底部的view,在弹出输入法键盘后如何保持可见」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
微信小程序,微信公开课,小程序中,fixed在底部的view,在弹出输入法键盘后如何保持可见

「小程序中,fixed在底部的view,在弹出输入法键盘后如何保持可见」热门讨论订阅

方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序中,fixed在底部的view,在弹出输入法键盘后如何保持可见」

方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序中,fixed在底部的view,在弹出输入法键盘后如何保持可见」

方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序中,fixed在底部的view,在弹出输入法键盘后如何保持可见」

微信公开课小程序热门讨论「小程序中,fixed在底部的view,在弹出输入法键盘后如何保持可见」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。

微信公开课热门讨论「小程序中,fixed在底部的view,在弹出输入法键盘后如何保持可见」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。