Scroll Position

HomeTech

Jul 10, 2019 · Frontend Development

Implementing Native‑App‑Like Page Transitions in a Vue.js Single‑Page Application

This article explains how to achieve native‑app‑style page transition effects in a Vue.js SPA by using the vue‑navigation component to listen to router events, applying absolute positioning, managing a custom page cache, recording scroll positions, optimizing animation performance, and handling inter‑page communication with an EventBus.