layUI做固定表头和左侧一列的
最近在写一个复杂表头项目可以上下左右滑动表头和左侧固定的表格。
此时页面要求是要在横屏下查看。在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下都正常了。如有同仁在某些设备下不兼容,望告知,拜谢!
相关推荐
huha 2020-10-16
xfcyhades 2020-11-20
sgafdsg 2020-11-04
Michael 2020-11-03
fengyeezju 2020-10-14
ziyexiaoxiao 2020-10-14
业余架构师 2020-10-09
OuNuo0 2020-09-29
moses 2020-09-22
Angelia 2020-09-11
qinxu 2020-09-10
刘炳昭 2020-09-10
Nostalgiachild 2020-09-07
Nostalgiachild 2020-08-17
leavesC 2020-08-14
一青年 2020-08-13
AndroidAiStudy 2020-08-07
ydc0 2020-07-30
绿豆饼 2020-07-28