javascript .hide 方向改变

Question

对于 jQuery，有 hide() 函数。

当您像这样向隐藏函数添加持续时间时

$('#myclass').hide(1000);
<div id="myclass">
    <p>yolo</p>
</div>

它将从底部开始并在一秒钟内向上动画。

我的问题是如何改变它的开始方向。

Answer 1

来自 .hide( duration ) 的文档:

When a duration, a plain object, or a "complete" function is provided, .hide() becomes an animation method. The .hide() method animates the width, height, and opacity of the matched elements simultaneously. When these properties reach 0, the display style property is set to none to ensure that the element no longer affects the layout of the page.

该元素看起来只是向上和向左移动，因为它位于左上角。

要使其在另一个方向上有动画效果，必须将其放置在不同的 Angular 上:

#myclass {
    position: absolute;
    bottom: 0;
    right: 0;
}

示例:http://jsfiddle.net/W7hqy/