Блокировка горизонтальной прокрутки сбрасывает смещение содержимого в iOS Safari - PullRequest
Новая
       52

Блокировка горизонтальной прокрутки сбрасывает смещение содержимого в iOS Safari

0 голосов
/ 29 января 2020

Мне нужно разрешить пользователю фиксировать положение x страницы, чтобы была доступна только вертикальная прокрутка. Приведенный ниже код работает нормально как на рабочем столе, так и на Android, но когда я запускаю его на iOS Safari , смещение содержимого x сбрасывается на 0. 

<!DOCTYPE html>
<html>

  <head>
    <meta name="viewport" content="width=device-width, user-scalable=no">
    <style>
      div.ex1 {
        width: 100px;
        height: 100px;
        overflow-y: auto;
        overflow-x: auto;
      }

    </style>
    <script>
      function lockHorizontalScroll() {
        document.getElementById("div1").style.overflowX = "hidden";
      }

    </script>
  </head>

  <body>

    <div id="div1" class="ex1">
      <img src=https://www.w3schools.com/images/colorpicker.gif width=200 height=200>
    </div>
    <Button onclick=lockHorizontalScroll()>Lock H Scroll</Button>
  </body>

</html>
...