1 2 3 4

移动端兼容问题

1.点击300ms 使用fastclick

2.移动端1px 在ios中使用0.5px

3.js中获取浏览器高度,获取scrollTOP等属性需要兼容

4.H5的audio在ios上autoplay不会自动播放 一般进入页面后,使用js控制播放

5.在页面上加overflow:hidden属性后,好多移动端浏览器都不兼容

要实现超出范围隐藏,滚动条不显示,一般使用js获取高度来动态设置html高度

6.ios系统中在移动端浏览器的页面给按钮添加js事件,按钮必须是原生HTML按钮或者由a标签加js事件

7.你用js生成的一个按钮 <div class=""btn>按钮</div>,在ios上直接$("#btn").click是不能加点击事件的,

必须使用事件委托

8.h5页面 当输入框在最底部,点击软键盘输入框会被遮挡。定时器修改或者修改固定定位

setTimeout(function(){
    document.body.scrollTop = document.body.scrollHeight;
},300);

var oHeight = $(document).height(); //浏览器当前的高度
$(window).resize(function(){ 
    if($(document).height() < oHeight){ 
          $("#footer").css("position","static"); 
    }else{ 
          $("#footer").css("position","absolute");
    } 

  

posted @ 2018-07-19 09:46  Winner.王  阅读(141)  评论(0编辑  收藏  举报