移動端兼容問題

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");
    } 
相關文章
相關標籤/搜索