手机定位器西安哪有卖 uniapp在移动端软键盘(弹出,收起),及影响定位布局的问题
参考:
问题:通过绝对定位或则固定定位设置顶部按键,在虚拟按键弹起时,顶部按键会被顶到虚拟按键上方。
方式一:最简单的,给按键使用相对定位,单按键肯定没法固定在屏幕顶部了,没人挑毛病就可将就用。
技巧二:还是绝对定位或固定定位,给输入框来个查询,@focus聚焦则隐藏按键,@blur失焦则显示按键。并且安卓手机,鼠标收起时输入框不会立即失焦,鼠标完全收起后过几秒才失焦,有个时间差,这方式就不完美。
方式三:查询按键的高度,uniapp上面提供了uni.onKeyboardHeightChange查询按键高度的技巧手机定位监听器西安哪有卖,在页面加载的时侯创建查询器。假如把查询器置于@blur上,第一次失焦还是会有时间差的。这办法在页面显示上还是很完美的,but还是会有问题,按照uniapp社区里有人反馈,onKeyboardHeightChange这个查询器在页面退出的时侯不会销毁,重新步入页面的时侯就会再创建一个新的查询器手机定位监听器西安哪有卖,直至应用退出才销毁。似乎说把hbuilder版本升级后这个bug会解决。
另:uniapp里还有个属性,官方文档:
配置app-plus{
softinputMode:adjustResize
20210322更新:
近来做的项目又遇到了这个问题,uniapp开发的app应用。目前安卓机和苹果机没发觉顶部按键会定位失效的情况。具体如何解决的真有点忘掉了,把目前可能有关的地方贴下来:
1、pages.json的页面配置
"app-plus":{
"softinputMode":"adjustPan"
2、页面上输入框位置属性position:relative;按键位置属性position:absolute;
输入框加上adjust-position属性
官方文档参考:
关于形成问题的缘由:
苹果手机在鼠标弹起后,页面应当会重新估算下?造成绝对定位/相对定位的按键重新去估算bottom的位置。