Прокрутите страницу до верха страницы, чтобы скрыть элемент с помощью пользовательского интерфейса Onsen

Question

У меня есть следующая страница:

<ons-template id="login.html">
<ons-page id="login-page">
  <ons-toolbar>
    <div class="center">Register</div>
  </ons-toolbar>

  <div class="content" style="text-align: center">

    <div id="startCodeRegistration">
      <!-- long form with many fields -->
    </div>

    <div id="endCodeRegistration" style="display:none;">
      <!-- just a success message -->
      <p>Registration Complete!</p>
    </div>

  </div>
</ons-page>
</ons-template>

В моем обработчике успеха у меня есть:

$( '#startCodeRegistration' ).hide();
$( '#endCodeRegistration' ).show();

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

Я пробовал:

document.getElementById('endCodeRegistration').scrollIntoView();

Еще пробовал:

document.querySelector('#endCodeRegistration').scrollTop = 0;

Ни то, ни другое не сработало. Есть идеи?