SAUI-关于input滚动问题

时间:2022-07-22
本文章向大家介绍SAUI-关于input滚动问题,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

关于form表单的问题,貌似很多时候都会遇到。

比如,如下:

尤其在textarea上,问题好像更是严重。

在这我的解决办法如下:

1 页面用scroll-view,通过变量{sysScroll}来控制

view: 
<scroll-view scroll-y="{{sysScroll}}"  scroll-top="{{scrollTop}}" class="scroll-hei-2 bg-def">
    <form >
      <input bindfocus="onfocus" bindblur="onblur" />
    form>
scroll-view>
js: 
  onfocus: function() {
    this.setData({sysScroll: false})
  },
  onblur: function (e, param, inst) {
    this.setData({sysScroll: true})
  }

2 去掉父级的overscroll,scroll-view。貌似所有的问题都不见了。经ios+andriod各一台手机测试

最后有兴趣的同学,可以扫以下的二维码~~~