收藏
回答

安卓,textarea被键盘完全遮挡

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug textarea 客户端 6.6.7 1.9.9.0

以下是官方示列中的代码,给下层加了个高让其在页面底部; cursor-spacing=的数值等于800左右才能看见输入框,但苹果就挂了


<view class="container">

<template is="head" data="{{title: 'textarea'}}"/>


<view class="page-body">

<view class="page-section">

<view class="page-section-title">输入区域高度自适应,不会出现滚动条</view>

<view class="textarea-wrp">

<textarea bindblur="bindTextAreaBlur" auto-height />

</view>

</view>


<view class="page-section" style='margin-top:400px;'>

<view class="page-section-title">这是一个可以自动聚焦的textarea</view>

<view class="textarea-wrp">

<textarea  style="height: 3em" cursor-spacing='20' />

</view>

</view>

</view>


<template is="foot" />

</view>


查看官方提问后,加入:

wx.createSelectorQuery().select('#container').boundingClientRect((rect) => {


// 使页面滚动到底部  


wx.pageScrollTo({


scrollTop: rect.bottom,//rect.height


duration: 10//设置滚动时间


})


//功能代码


}).exec()


苹果有效,安卓无效



最后一次编辑于  2018-06-07
回答关注问题邀请回答
收藏

4 个回答

  • ayu🐠
    ayu🐠
    2018-07-26

    同求此问题textarea被键盘遮挡,请问有解决的么?同是华为真机复现此问题

    2018-07-26
    赞同
    回复
  • 走红
    走红
    2018-06-11

    类似问题,input 也会遮挡

    2018-06-11
    赞同
    回复
  • 疯牛涕趟
    疯牛涕趟
    2018-06-08

    遇到同样问题,textarea在页面底部时,真机(华为荣耀)调起键盘后,会把整个textarea遮挡住,请问有解吗?

    2018-06-08
    赞同
    回复
  • 帝之森网络
    帝之森网络
    2018-06-07

    华为MEAT   8. 完全遮挡,有些机型,第二次后不遮挡,

    2018-06-07
    赞同
    回复