前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SAUI-关于input滚动问题

SAUI-关于input滚动问题

原创
作者头像
ss-lgh
修改2020-08-10 14:37:34
4400
修改2020-08-10 14:37:34
举报
文章被收录于专栏:sauisaui

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

比如,如下:

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

在这我的解决办法如下:

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

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

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

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档