Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

animation class #5

Open
Saartje87 opened this issue Mar 19, 2013 · 5 comments
Open

animation class #5

Saartje87 opened this issue Mar 19, 2013 · 5 comments

Comments

@Saartje87
Copy link
Owner

Should handle scrollbar animations.

Should be used to add an morph method for browsers that don't support css transitions

@jonkoops
Copy link
Contributor

Are you referring to element.scrollTop and element.scrollLeft?

@Saartje87
Copy link
Owner Author

Yes :)

For example we could extend PB.$.fn.setScroll with some additional arguments to animate scroll.

PB.$('#element').setScroll({
    top: 400,
    left: 100
}, 0.4 /* duration in seconds */, 'easeInOut' /* animation effect */);

@jonkoops
Copy link
Contributor

Maybe we should make all numeric properties animatable, not just CSS values.

@Saartje87
Copy link
Owner Author

Would indeed be interesting. Guess this means we should ditch css transitions and animate all properties ourself?

@jonkoops
Copy link
Contributor

I think it would be best to whitelist CSS transitions, in order to keep H/W acceleration performance up. But fall back to numeric transitions when there is no CSS animation available. The spec has a list of all transition able properties: http://www.w3.org/TR/css3-transitions/#properties-from-css-

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants