详细问题描述
因项目需求需要做些特殊布局,发现在小程序中使用textarea时 上下滑动界面时 textarea中的内容(包括placeholder)会一直固定在屏幕中某个位置
[内容]
重现步骤代码
<template>
<view class="body">
<view class="demo"></view>
<textarea value="" placeholder="注意看此处 (textarea)" placeholder-class="demo__placeholder" />
<view class="demo"></view>
<view class="demo"></view>
<view class="demo"></view>
</view>
</template>
<style>
page{
width: 100%;
height: 100%;
background-color: #f1f1f1;
}
.body{
width: 100%;
height: 100%;
overflow-y: auto;
}
.demo{
width: 100%;
height: 200px;
background-color: #2C405A;
margin: 50rpx 0;
}
textarea{
width: 700rpx;
padding: 10rpx;
margin: 0 auto;
background-color: #fff;
}
.demo__placeholder{
color: red;
}
</style>