Не срабатывает плавно scrollTo на мобильном телефоне

Есть сайт, в разных блоках которого есть стрелочки, по нажатию на которые, страница плавно прокручивается вверх. Реализовано с помощью следующего кода:

let arrows = document.querySelectorAll('.arrow');

for (let i = 0; i < arrows.length; i++) {
    arrows[i].addEventListener('click', function() {
        window.scrollTo({left:0, top:0, behavior:"smooth"});
    }, true);
}

Если нажимать на эти стрелочки с компьютера (браузер Google Chrome), всё работает, как надо. Если нажимать с мобильного телефона (iPhone, Safari) страница перескакивает наверх резко, без плавной прокрутки. В чём может быть проблема?