Default page transition
I have noticed that when my Quasar app loads, the content has a transition. It moves in from the top.
How can I disable this behaviour?
johncloud200 last edited by
do you mean this transition? http://forum.quasar-framework.org/topic/659/remove-transition-in-side-menu-und-top-bar
It has to do with QLayout.
I have a QLayout with a toolbar (no sidebars) and when the page first loads, the main content slides in from the top (slide in + fade in). Only when I reload in the browser.
Subsequent changes of content (i have a router-view) do not have that problem.
When I remove the layout, and keep my router-view, the content appears without animation. So, it is in the QLayout component.
I want to get rid of it because I am embedding the website in mobile app and it is annoying.
rstoenescu Admin last edited by
@Zambiorix any repo I can take a look or at least the template you are using? Can’t quite figure out what you are trying to do. Thanks!
Have a look here.
When you keep refreshing the page, you will see that the content slides in from above.
I have noticed that this is standard behaviour when a QLayout first gets rendered.
How can I disable this?
Could it be that you check the existence of headers & footers and adjust the padding of layout-page-container with a delay or with animation?
rstoenescu Admin last edited by rstoenescu
@Zambiorix there’s a github ticket for that initial transition of layout components. It’s been taken care of in v0.15 along with lots of QLayout improvements (not yet fully finalized).
@rstoenescu , wonderful!
I’m heavily investing time in Vue & Quasar. Great job btw, Quasar is one of the most fun frameworks I have worked with in a long time.
Hope to contribute when I’m more experienced!