Плавная анимация во vue.js?

Question

[WebDev]

Помогите, пожалуйста, разобраться с анимацией. Нужно, чтоб страницы перелистывались снизу вверх, как при обычном скроле. Оно так и работает, но есть пауза между тем как первый блок полностью скроется и появится второй блок.
Как сделать, чтоб второй блок следовал сразу за первым? Как при обычном скроле.
https://codepen.io/anon/pen/Wzopdy
Спасибо!

Answer 1

[0xD34F]

https://jsfiddle.net/3pojduyk/

Answer 2

[Evgeny Kulakov]

Как вариант задать абсолютное позиционирования блокам:

.red {
  width: 100vh;
  height: 100vh;
  background: red;
  position: absolute;
}

.green {
  width: 100vh;
  height: 100vh;
  background: green;
  position: absolute;
}