专栏首页sauiSAUI-关于input滚动问题
原创

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各一台手机测试

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

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 小程序- SaUi 之左右选择器(城市选择,汽车品牌)

    这次的更新,主要是基于城市选择来扩展的。主要是上一次有人问过我,如果数据过大的话 我这个东西 还能用么~所以才有了这一次的更新,也欢迎大家,对我所做的东西 进行...

    ss-lgh
  • SAUI-瀑布流改版(grid)

    通过css的grid与js配合,就可以快速形成瀑布流的形式了。不过呢,有点小问题,就是间距(grid-gap),有点小偏差,但是整体不影响。还有一点要注意的gr...

    ss-lgh
  • 小程序 - 效果处理之技巧合集(更新中...)

    xing.org1^
  • 小程序实践(十四):横向滚动列表

    听着music睡
  • 小程序 — scroll-view组件实现滚动

    (1)当然,关于scroll-view组件官网还提供了许多其它的属性和事件方法,大家仔细去看看:

    Ewall
  • Human Interface Guidelines —— Scroll Views

    霖酱
  • jQuery 遍历 - siblings() 方法应用

    每天写个小demo,最近工作小到1像素,大到n多优化,这个行业真的是有项目的时候忙的要死,没项目的时候闲的发慌,趁着办公室没人的时候,安安静静继续写代码,一个关...

    王小婷
  • vue中样式的典型操作(:class,:style)

    用户1149564
  • 0764-HDP Spark 2.3.2访问外部Hive 2的配置及验证

    数据质量平台基于定义好的数据稽核和数据质量规则,生成Spark SQL并提交运行到HDP 3.1.5集群的Spark 2.3.2上。Spark 通过以下方式之一...

    Fayson
  • 微信小程序日常踩坑后的总结(猜测你也会遇到,持续更新。。。)

    (1)图片需是本地图片或者是路径为https的网络图片; (2)使用网络图片要用wx.downloadFile( )下载,否则真机上无法显示图片; (3)w...

    Ewall

扫码关注云+社区

领取腾讯云代金券