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下都正常了。如有同仁在某些設備下不兼容,望告知,拜謝!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章