将mootools fx.morph高度设置为auto而不是固定高度

Question

我正在尝试使用fx.morph显示我的导航，代码如下：

 var fx = new Fx.Morph(_element, { 
     duration: 1000,transition:Fx.Transitions.Sine.easeOut
                                 });
 fx.start({
          'height': [0, 100]
           });
 }

它运作良好，我需要的是将高度从0设置为自动而不是0到100.是否有任何解决方案可以做到这一点？我尝试自动和100％，但它不起作用。

Answer 1

我自己做了。我只是添加一个容器，然后计算出容器的高度，并将它作为高度。

    var _element = el.getElement('.child_first_nav_mobile');
            if (_element) {

                var fx = new Fx.Morph(_element, { duration: 1000 });
                var autoheightdiv = _element;
                autoheightdiv.style.height='auto';
                var calcheight=autoheightdiv.offsetHeight
                fx.start({
                    'height': [0, calcheight] 
                    });