3805关注11413浏览
以下是示列中的代码,给下层加了个高让其在页面底部; 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()
苹果有效,安卓无效
-
至过去的我
2044人对此回答表示赞同
我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多> -
夏雨
17人对此回答表示赞同
遇到同样问题,textarea在页面底部时,小程序真机(华为荣耀)调起键盘后,会把整个textarea遮挡住,请问有解吗?
展开170回复分享发布于 5年前评论(0)
收起评论
-
陈雪
16人对此回答表示赞同
华为MEAT8.完全遮挡,有些机型,第二次后不遮挡,
展开160回复分享发布于 5年前评论(0)
收起评论
-
卡夫卡夫卡夫卡
16人对此回答表示赞同
同求此问题textarea被键盘遮挡,请问有解决的么?同是华为小程序真机复现此问题
展开160回复分享发布于 5年前评论(0)
收起评论
-
Mason
8人对此回答表示赞同
类似问题,input也会遮挡
展开80回复分享发布于 5年前评论(0)
收起评论