Footer flash when navigating to other page
On a project, I have this weird problem.
I have a bunch of pages and I use a default layout for most of them. The footer and the top bar are set inside this default layout, but the body is being built in the page file.
If I click on a link, because the body of the page takes some time to load because of some data being fetched from the db, the footer comes all the way up for a brief moment creating what I call a "footer flash" :-).
I tried putting a min-height on the body, but it would need to be at least 200vh, but it doesn't seem to do anything. And it doesn't seem like a very good practice.
Is there a nuxt/vue way of making sure the footer doesn't jump all the way up on every navigation?
thanks!
eric
2 Replies
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
I'm still confused about why this happens. I use SSR, so the page should be rendered server side so when it arrives to the browser, it's ready to be rendered. Why is the page empty for a split second?