Default page transition
-
Hi,
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?
Thanks
Gerd -
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.
-
@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!
-
https://geotracks.io
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?
-
@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!
