最近在写一个复杂表头项目能够上下左右滑动表头和左侧固定的表格。
此时页面要求是要在横屏下查看。在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