移动端
文章平均质量分 58
汉堡会有的
这个作者很懒,什么都没留下…
展开
-
移动端键盘弹起导致底部按钮上浮解决方案
问题描述:移动端页面输入框聚焦伴随着键盘弹起,底部按钮浮到键盘上方,此时如果直接点击底部按钮进行查询操作,进入到的下一页的列表页面高度渲染会出现问题。 解决思路:在键盘弹起时,不让原本固定在底部的按钮自动浮起。监听屏幕的实时高度,控制底部按钮的显示与否,从而达到按钮固定在底部的效果。解决方案(本例是在vue框架下实现的解决方案代码):html部分:<div v-sh...转载 2018-08-30 16:39:18 · 4634 阅读 · 1 评论 -
移动端使用vux+good-storage实现搜索历史
项目中遇到了要求搞个根据输入内容实时显示搜索列表并且要求做个搜索历史,如下图因为我项目中UI框架用的是vux,而vux正好有个search组件满足UI效果和一些交互逻辑,但是搜索历史还是要自己搞的。思路是在点击搜索列表的某一项时,将数据推入缓存中,在输入框为空并失焦的状态下,取缓存中是数组数据并显示搜索历史列表。因为HTML5原生的localStorage api需要将数组转化成...原创 2018-09-05 21:59:14 · 985 阅读 · 0 评论 -
移动端项目在ios上输入框聚焦难解决方案
由于引入fastclick导致ios端input、textarea输入框难以点击聚焦,解决方案如下:找到项目中的fastclick依赖或在main.js中改写fastclick的focus实现。改过之后真机测试,问题得到解决。...原创 2018-12-26 21:24:13 · 4160 阅读 · 1 评论