最近在写一个复杂表头项目可以上下左右滑动表头和左侧固定的表格。
此时页面要求是要在横屏下查看。在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下都正常了。如有同仁在某些设备下不兼容,望告知,拜谢!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。