以下是示列中的代码,给下层加了个高让其在页面底部; 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()


苹果有效,安卓无效



展开全部
收起
4回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • 夏雨

    17人对此回答表示赞同

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

    展开
    17
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 陈雪

    16人对此回答表示赞同

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

    展开
    16
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 卡夫卡夫卡夫卡

    16人对此回答表示赞同

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

    展开
    16
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • Mason

    8人对此回答表示赞同

    类似问题,input也会遮挡

    展开
    8
    0回复
    发布于 5年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部