Странное поведение прокрутки после поворота html div

Question

Я занимаюсь разработкой html, css и реагирую на веб-страницу, есть одна страница, которую мне нужно отобразить в горизонтальном виде. Следовательно, я поворачиваю вид следующим образом:

let clientWidth = document.documentElement.clientWidth;
let windowInnerHeight = window.innerHeight;//'100vh'
if (clientWidth < uiHelper.screens.xl) {
  this.setState({
    transform: 'rotate(90deg)',
    vHeight: '100vw',
    vWidth: windowInnerHeight,
    iconWidth: 24,
    iconHeight: 24,
  })
}

Так вот в чем проблема, после поворота div, событие прокрутки становится странным, например, когда я прокручиваю ось Y, div перемещается по оси X и при прокрутке в направлении оси X содержимое div перемещается по оси Y. У кого-нибудь был подобный вопрос раньше?