在 jQuery 中，你能在不丢失元素空间的情况下 fadeOut() 吗？ （不可见与显示：无）

Question

因为我需要 fadeIn() 另一个相同大小的元素返回，有没有一种方法可以 fadeOut() 元素以便保留空间，以便其他元素不会瞬间重新流动，然后fadeIn() 会带回另一个具有相同大小的元素吗？

Answer 1

我想到了两种技术：

1. 将元素包装在占据正确空间量的 div 中。
2. 使用 .animate 方法将项目的不透明度从 100% 更改为 0%，然后，当动画完成后，交换新元素并再次使用 animate 将不透明度从 0% 更改为 100%。

Answer 2

我的建议是你用 div 包裹它...并在该 div 上放置相同的尺寸...

Answer 3

将要淡入淡出的元素保留在固定的

内，然后如果您隐藏其中的元素，它将完全不影响布局。

Answer 4

我已经自己修复了。在运行 fadeOut 之前，我运行此函数：

    /**
     * Keep the window height, to avoid user being thrown up (i.e. on fade out, remove, hide, etc)
     */

        function keepHeight() {
            $('body').css('min-height', $(document).height());
        }

例如：

/**
 * Keep window height
 */

    keepHeight();

/**
 * Fade out
 */

    $('#someDiv').fadeOut();