Pagecontainer change transition duration
Is there an option to change the duration of a transition? I am using pagecontainer.change to move to other pages, but I would like to slow down the transition.
Thanks
Pieter
Some more information after some more research:
in the css I have
- @media only screen and (max-width: 799px) {
- .slide.out, .slide.in
- {
- -webkit-animation-timing-function: ease-out;
- -webkit-animation-duration: 950ms;
- -moz-animation-timing-function: ease-out;
- -moz-animation-duration: 950ms;
- animation-timing-function: ease-out;
- animation-duration: 950ms;
- }
- }
This provides a slow transition on a mobile device. However, when I prefetch the page with:
- $(":mobile-pagecontainer").pagecontainer("load", toPageID, { showLoadMsg: false }); //fetch the next page
Then the Pagecontainer("change"...)
is really fast, it becomes more like a fade.