收藏
回答

textarea文字固定在屏幕上面,不随页面滚动,页面没有fixed元素

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小程序 Bug 客户端 6.7.2 2.4.0

bug:textarea的文字在页面上,固定在屏幕上面,不随页面滚动,在ios下,拖动底部界面,可见文字超出了页面外;textarea在display:flex元素内部;整个页面没有fixed元素;


之前的页面全屏滚动没有出现问题,现在是页面底部留下按钮区域,然后除按钮区域之外,滚动区域:overflow-y:auto;height:calc(100vh - 90rpx);    90rpx为底部按钮区域

安卓截图:


ios截图:




最后一次编辑于  2018-11-29  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

4 个回答

  • '
    '
    2018-11-30

    page不要设置height: 100% 底部用cover-view,并且在textarea之后渲染


    非全屏滚动 textarea内容固定 是存在了好久好久好久的bug了, 不要指望官方修复了

    2018-11-30
    赞同 1
    回复 7
    • yifangts
      yifangts
      2018-11-30

      用了cover-view和cover-img都不能覆盖住textarea,

      page也没有设置高度,已经放在最后面了也不起效呢

      谢谢老铁啦

      2018-11-30
      回复
    • '
      '
      2018-11-30回复yifangts

      底部cover-view延迟渲染试试, 我这边只要是在textarea之后渲染的,就可以挡住

      2018-11-30
      1
      回复
    • yifangts
      yifangts
      2018-11-30回复'


      我现在是cover-view在页面最底部,然后onShow的时候延时一秒把它渲染,但是还是这样呢

      2018-11-30
      回复
    • '
      '
      2018-11-30回复yifangts

      还是发个 代码片段吧

      2018-11-30
      1
      回复
    • yifangts
      yifangts
      2018-11-30回复'

      https://developers.weixin.qq.com/s/mlYviim17l4n

      麻烦老铁了

      2018-11-30
      回复
    查看更多(2)
  • 哎呦妈呀
    哎呦妈呀
    06-24

    那你的textarea文字会随页面滚动吗

    06-24
    赞同
    回复
  • 刘东宇
    刘东宇
    2018-12-07

    所以这个问题官方是不准备修复了?全当没看见

    2018-12-07
    赞同
    回复 1
    • yifangts
      yifangts
      2018-12-07

      如果遇到同样的问题,可以参考上面对话中的代码片段哦,使用cover-view进行定位并设置zindex

      2018-12-07
      回复
  • yifangts
    yifangts
    2018-11-29

    textarea所在区域的高度不是全屏滚动就会出现这个问题,给textarea添加了fixed一样出现;

    全屏滚动,按钮区域固定在底部,textarea文字又会穿透按钮;

    设置textarea隐藏,用view标签替代的时候,focus设置成true又不自动弹起键盘

    2018-11-29
    赞同
    回复