yui - 为什么 YUI 过渡使用固定高度？

Question

所以我正在尝试使用 YUI 添加动画/过渡，我想知道它到底为什么使用固定高度？

http://yuilibrary.com/yui/docs/transition/transition-basic.html

这有什么关系？

Answer 1

你说的例子？他们不必这样做，他们只是糟糕的例子。YUI 过渡可以使用所有可能的值，它甚至支持完全动态的动画，如下所示：

// Will create a slideDown effect on #thing

Y.one('#thing').transition({
    height: function(node) {
        return node.get('scrollHeight') + 'px';
    },
    duration: 0.1,
    easing: 'ease-out',
    on: {
        start: function() {
            var overflow = this.getStyle('overflow');
            if (overflow !== 'hidden') { // enable scrollHeight/Width
                this.setStyle('overflow', 'hidden');
                this._transitionOverflow = overflow;
            }
        },
        end: function() {
            if (this._transitionOverflow) { // revert overridden value
                this.setStyle('overflow', this._transitionOverflow);
                delete this._transitionOverflow;
            }
        }
    }
});

此示例将扩展一个先前0px高到其预期高度的元素。