Framework7: [v2] Page Exchange

Created on 18 Oct 2017  路  8Comments  路  Source: framework7io/framework7

@nolimits4web,

There are way to disable the animation when the page exchanged?

outdated

Most helpful comment

Use animate:false (in v2) or animatePages: false (in v1) router parameter when navigation to required page

All 8 comments

@lailton
CSS?

Yes. I need to disable the frame animation.

Use animate:false (in v2) or animatePages: false (in v1) router parameter when navigation to required page

Thanks!!

@nolimits4web,

Sorry for re-open this, but I was trying to disable the animation ( frame transition but it does not to work).
animate: false,

I am using the last version framework7.

Any suggestion?

And how do you use it?

@nolimits4web ,
I have tried differents way with the same result, for example:

var app = new Framework7({
root: '#app',
theme: 'md',
animate: false
});

and I have added for all my load pages:

    var page_html = {
        path: page_name,
        content: page,
                     animate: false
    };

app.router.navigate(page_name);

all works fine. but I have a problem with delay to show page for PC/Desktop.
so for this reason for me this frame animation is better to be off.

Thanks

Solved.

Now it is:

    options: {
        animate: false
    }

Thank you.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

wakiem picture wakiem  路  4Comments

M4ttscx picture M4ttscx  路  4Comments

ahmeddaif1 picture ahmeddaif1  路  4Comments

Samnan picture Samnan  路  3Comments

J05HI picture J05HI  路  3Comments