Léger Javascript pour animer la hauteur div?

Question

Je me demandais s'il existe des alternatives à Jquery pour animer Div Heights en JavaScript? Tandis que Jquery est grand et relativement petit, je ne veux pas charger la jquery entière juste pour cette fonctionnalité. Et vu que c'est pour une application WebOs (pas une application web), je dois garder le temps de chargement aussi petit que possible.

Merci

Answer 1

function animateHeight(obj, height){ 

    var obj_height = obj.clientHeight; 

    if(obj_height <= height){ return; } 
    else { 
     obj.style.height = (obj_height - 5) + "px"; 
     setTimeout(function(){ 
      animateHeight(obj, height); 
     }, 500) 
    } 
} 

violon Nice: http://jsfiddle.net/maniator/Z6cbq/

Answer 2

WebOS utilise WebKit mobile, de sorte que vous pourriez faire la plupart des travaux avec CSS:

#someElement { 
    -webkit-transition: height 100ms linear; 
    height: 0; 
} 

Alors est vraiment facile JavaScript par votre navigateur:

document.querySelector('#someElement').style.height = '100px' 
// - or - 
document.querySelector('#someElement').className += ' open'; 
// where #someElement.open has a defined height. 

est ici quelques détails: http://pre101.com/blog/2009/11/10/a-guide-to-css-transitions-in-webos/

Answer 3

Une bibliothèque d'animation nue os pesant 1 KB:

https://github.com/relay/anim/