当内部Div被隐藏时，让父Div保留原始大小

Question

我有一个外部父div，里面有两个子div。我希望隐藏两个子div，直到用户滚动到页面的某个部分，此时div将淡入。当内部div的visibility属性设置为div时，如何使父div保持其大小隐？

Answer 1

 visibility:hidden

HTML元素占用空间但不可见。可以这么说，元素是透明的。

 display:none

HTML元素不占用其空间且不可见。

可见性：隐藏可能就是您想要的

Answer 2

Bishal是对的，您可以使用的另一种方法是为不透明度属性设置动画，在两种情况下（使用可见性或不透明度），您可以设置动画以生成淡入效果：

CSS：

.element {
    opacity: 0;
    transition: all 1s ease-in-out;
}

然后你可以使用JS定位你的.element滚动并将opacity属性设置为1（过渡属性将确保淡入）。