transform: rotate(90deg) 强制横屏后,x y轴方向交换后导致滚动的问题

新手上路,请多包涵

比如在一个横屏游戏里面有一个弹框需要也是横屏的,那内容超出时,需要滚动。当我用transform: rotate(90deg) 将弹框强制横屏之后,x、y轴方向变成相反,导致滚动错位,即滚动x轴时,实际是y轴滚动,除了自定义一个滚动条外,还有什么其他更好的解决办法?

阅读 8.4k
1 个回答
新手上路,请多包涵

我在项目里是直接对body进行transform: rotate(90deg) 强制横屏的,x、y轴滚动还是正常的,不过项目打包成app时要注意,app默认的手机翻转事件需要屏蔽掉。(不知道适用于其他项目不,可以一试!!!)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题