博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端经常遇到的小bug
阅读量:4700 次
发布时间:2019-06-09

本文共 837 字,大约阅读时间需要 2 分钟。

1、video 不能自动播放

  (1) autoplay 及 js 控制播放,仍然有部分设备不起作用
  (2) $("html").one("touchstart",function(){
      video.play();
    })

2、input 输入框,软键盘弹出的时候会把底部的内容往上压缩,使得底部布局混乱

  (1)获取内容的总高度,赋值给body,写死body的高度
  $("body").css("height",parseInt($(".scroll-wrap").height()+$(".fixNav").height()));
  (2)fix固定定位元素
  当获取焦点(软键盘出来时候) 就把fix定位的元素改为静态定位
  当失去焦点(软键盘消失时候) 再把原fix定位的元素改为fix定位

  (3)input框被软键盘遮盖

  https://mingyili.github.io/2015/11/05.html

3、手机拍照及上传

  <input type="file" accept="image/*">
  <input type="file" accept="video/*">
  部分安卓设备不支持

 

4、移动端模拟hover

  (1) active模拟 document.addEventListeren("touchstart",function(){},true);
  (2) js监听触屏事件 动态添加/移除class类名

5、修改input placeholder文字颜色

  input::-webkit-input-placeholder{color:red;}

 

6、去除webkit默认的滚动条

  element::-webkit-scrollbar{
    display:none
  }

转载于:https://www.cnblogs.com/wusan/p/7686012.html

你可能感兴趣的文章
zTree async 动态参数处理
查看>>
Oracle学习之常见错误整理
查看>>
数据库插入数据乱码问题
查看>>
altium annotate 选项设置 complete existing packages
查看>>
【模式识别与机器学习】——SVM举例
查看>>
【转】IT名企面试:微软笔试题(1)
查看>>
IO流入门-第十章-DataInputStream_DataOutputStream
查看>>
DRF的分页
查看>>
Mysql 模糊匹配(字符串str中是否包含子字符串substr)
查看>>
python:open/文件操作
查看>>
流程控制 Day06
查看>>
Linux下安装Tomcat
查看>>
windows live writer 2012 0x80070643
查看>>
tomcat 和MySQL的安装
查看>>
git常用操作
查看>>
京东SSO单点登陆实现分析
查看>>
u-boot启动第一阶段
查看>>
MySQL批量SQL插入性能优化
查看>>
定义列属性:null,default,PK,auto_increment
查看>>
用户画像展示
查看>>