最近在写一个庞杂表头项目能够高低左右滑动表头和左边牢固的表格。
此时页面要求是要在横屏下检察。在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下都一般了。若有同仁在某些装备下不兼容,望示知,拜谢!