fixed定位容器中的textarea问题,fixed:true无法解决
发布于 5 年前 作者 wei02 15674 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)
  • 预期表现
  • 复现路径
  • 提供一个最简复现 Demo

<view class=“page-body” style=‘position: fixed;overflow-y: scroll;width: 100%;height: 100%;’>

<view class=“page-section”>

<view class=“page-section-title”>输入区域高度自适应,不会出现滚动条</view>

<view class=“textarea-wrp”>

<textarea  fixed=‘true’ value=‘输入区域高度自适应,不会出现滚动条’ bindblur=“bindTextAreaBlur” auto-height />

</view>

</view>

<view class=“page-section”>

<view class=“page-section-title”>这是一个可以自动聚焦的textarea</view>

<view class=“textarea-wrp”>

<textarea auto-focus=“true” style=“height: 3em” />

</view>

</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

<view>1111</view>

</view>

直接创建一个空白的小程序页面,然后在wxml文件中粘贴这段代码,手机预览就可看到效果

2 回复

提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

微信开发者工具里没有问题,在真机测试里会出现textarea文字内容固定在页面中的它的初始位置不动,滚动时textarea容器已经走了,内容还在原地。这是一个最简单的复现demo。

回到顶部