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各一台手机测试
最后有兴趣的同学,可以扫以下的二维码~~~
- Python基础09 面向对象的进一步拓展
- QT中获取选中的radioButton的两种方法
- QT中根据ID设置radio按钮
- QWebView在 Qt 5.x中编译出错:File not found: main.obj
- Qt实现小功能之列表无限加载
- Python基础08 面向对象的基本概念
- 如何选择合适的PaaS
- 使用Qt installer framework制作安装包
- Qt Style Sheet实践(三):QCheckBox和QRadioButton
- 堆排序
- 剑指OFFER之旋转数组的最小数字(九度OJ1386)
- Qt Style Sheet实践(四):行文本编辑框QLineEdit及自动补全
- 剑指OFFER之旋转数组的最小数字(九度OJ1386)
- Qt Style Sheet实践(二):组合框QComboBox的定制
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Python3配置和入坑.md
- 别再被叫linux小白了,你跟linux高手只差这8个快捷键命令?
- CentOS7 手动部署 BBR
- 为受管理的 PC 设置 Chrome 浏览器政策
- Git 克隆大型仓库失败解决方法
- Jmeter关联数据库及JDBC请求
- Java正则表达式
- JSON.parse() 的非严格模式
- 编译安装 MongoDB PHP 扩展
- Python3爬虫数据清理分析
- 如何给开源项目贡献代码
- 打造自己最喜爱的 Windows10 —— 主题美化篇
- Python3界面开发常用.md
- 快速学习Linux常用性能监控命令及工具
- Element Vue 框架的 Table 列宽度自适应解决方案