移动端兼容问题

时间 2019-11-30

标签移动兼容问题栏目无线繁體版

原文原文链接

1.点击300ms 使用fastclickcss

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

3.js中获取浏览器高度，获取scrollTOP等属性须要兼容ios

4.H5的audio在ios上autoplay不会自动播放通常进入页面后，使用js控制播放浏览器

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

要实现超出范围隐藏，滚动条不显示，通常使用js获取高度来动态设置html高度blog

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

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

必须使用事件委托io

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

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");
    }