Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Smoother jQuery Animation

Options
  • 28-06-2015 10:20am
    #1
    off.the.walls
    Registered Users Posts: 1,298 ✭✭✭


    Hey everyone, i'm making a little site as a side project to get my head around using ajax requests. The one thing i'm finding is that when the ajax request fires its making the animation on my page slow down and be a bit rigid.

    Anyone know a way around this?

    I've but up the beta so far to test it on a server.

    Click here, to go and check it out if you want.


Comments

  • Options
    #2
    Giblet
    Registered Users Posts: 11,977 ✭✭✭✭Giblet


    Don't use jQuery to animate this, use CSS transitions & transforms, such as scale.
    .leftcurtain,.rightcurtain
{
     transition: transform .2s linear;     
     transform-origin: left;
}
..rightcurtain 
{
    transition-origin:right;
}
.leftcurtain.open,.rightcurtain.open
{
    transform: scaleX(.5);
}

init = function(){$('.leftcurtain,.rightcurtain').addClass('open');}


Advertisement