真机不行,真机不行,真机不行,重要的事说三遍
原先是以为布局搞鬼,现在使用了这个简单布局都不行
以为自己的手机不行,其它手机也不行
page,.all{width: 100%;height: 100%;padding: 0;margin: 0;}
view{width: 100%;}
.all{ opacity: 0.4;}
.a{height: 20%;background-color: #f0f;}
.b{background-color: #0ff;height:80%;overflow-y: scroll;}
.b>view{height: 5rem;}
.b>view:nth-child(odd){background-color: #ff0;}
.b>view:nth-child(even){background-color: #0f0;}
.b>view>textarea{height: 100%;width: 100%;}
<view class=“all”>
<view class=“a”>
</view>
<view class=“b”>
<view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9, 2, 3, 4, 5, 6, 7, 8, 9]}}">
<textarea value="{{‘textarea外使用滚动条,输入内容不随滚动条移动,模拟器可行,真机不可行’}}"></textarea>
</view>
</view>
</view>