ios сафари, предотвращающее переполнение-y, сбрасывает верх при горизонтальной прокрутке

Question

Я хочу сделать контейнер только с горизонтальной прокруткой, поэтому я установил overhflow-y скрытым. Я добавил кнопку для вертикальной прокрутки с помощью js (имитация нумерации страниц). После нажатия кнопки попытка горизонтальной прокрутки на android работает, но ios сбрасывает вертикальную прокрутку до 0. Кто-нибудь знает, как это исправить?

const scrollBtn = document.querySelector(".scroll");
const resetBtn = document.querySelector(".reset");
const container = document.querySelector(".container");

scrollBtn.addEventListener("click", () => {
  container.scrollTo({top:200})
})
resetBtn.addEventListener("click", () => {
  container.scrollTo({top:0})
})

.container {
  height: 300px;
  width: 300px;
  overflow: auto;
  overflow-y: hidden;
  background-color: red;
}

 p {
   background-color: orange;
   padding: 20px;
   margin: 20px;
   width: 600px;
}

<div class="container">
  <p>1</p>
  <p>2</p>
  <p>3</p>
  <p>4</p>
  <p>5</p>
  <p>6</p>
  <p>7</p>
  <p>8</p>
</div>
<button class="scroll">Scroll to 200</button>
<button class="reset">Reset scroll</button>