Estou tentando codificar uma página com dois segmentos "chat" e "content". Quero que um segmento de "bate-papo" faça a rolagem automática da página para baixo, sem efeito. O bate-papo é um<ion-list> com vários<ion-item>.

<ion-list>
<ion-item> item 1 </ion-item>
<ion-item> item 2 </ion-item>
....
<ion-item> item 20 </ion-item>
<ion-item> item 21 </ion-item> <!-- user should see directly this item on bottom of the page -->
</ion-list>

Estou usando Javascript, não datilografado, e não quero usar jQuery. Obrigado :) Além disso, quando vou ao segmento "conteúdo" e volto ao "bate-papo", quero rolar automaticamente novamente o bate-papo.