ZionHH 2020年12月11日
H5强制横屏后,在安卓上左右滑为上下滚动,上下滑为左右滚动,请问有什么解决方法?
横屏代码

let width = document.documentElement.clientWidth
let height = document.documentElement.clientHeight
let ele = document.getElementById('horizontal-content')
let style = ''
if (width >= height) { // 横屏
style += 'width:' + width + 'px;'
style += 'height:' + height + 'px;'
style += '-webkit-transform: rotate(0); transform: rotate(0);'
style += '-webkit-transform-origin: 0 0;'
style += 'transform-origin: 0 0;'
} else { // 竖屏
style += 'width:' + height + 'px;'
style += 'height:' + width + 'px;'
style += '-webkit-transform: rotate(90deg); transform: rotate(90deg);'
style += '-webkit-transform-origin: ' + width / 2 + 'px ' + width / 2 + 'px;'
style += 'transform-origin: ' + width / 2 + 'px ' + width / 2 + 'px;'
}
ele.style.cssText = style
...全文
8565 点赞 收藏 3
写回复
3 条回复

还没有回复,快来抢沙发~

发动态
发帖子
JavaScript
创建于2007-09-28

5.1w+

社区成员

22.3w+

社区内容

Web 开发 JavaScript
社区公告
暂无公告