以下是官方示列中的代码,给下层加了个高让其在页面底部; 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()
苹果有效,安卓无效