最近在寫一個複雜表頭項目能夠上下左右滑動表頭和左側固定的表格。
此時頁面要求是要在橫屏下查看。在IOS系統下上下是不能滑動的,查其緣由是由於在IOS下頁面雖然已經被橫屏了,可是再獲取其(window.screen.availHeight)時,獲取的仍然是豎屏下的高度值。此時須要獲取設備的寬度做爲橫屏時的高度。須要判斷設備是來自安卓仍是IOS系統。再根據訪問設備肯定獲取設備的高度仍是寬度。代碼以下:測試
// 獲取設備信息 var u = navigator.userAgent; // 定義空變量記錄屏幕寬/高 var winheight; // 判斷是不是IOS設備,true:則獲取其寬度 false:獲取設備高度 if (!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) { winheight = window.screen.availWidth; } else { winheight = window.screen.availHeight; }
修改以後測試安卓和IOS下都正常了。若有同仁在某些設備下不兼容,望告知,拜謝!code