使 Parent Div 在隐藏内部 Div 时保留原始大小

Question

我有一个外部 parent div，内部有两个 child div。我想隐藏两个 child divs 直到用户滚动到页面的某个部分，此时 divs 将淡入。我怎样才能使 parent div 在内部 div 的可见性属性设置为隐藏时保持其大小？

Answer 1

 visibility:hidden

HTML 元素采用 space 但不可见。可以说，该元素只是透明的。

 display:none

HTML 元素不包含其 space 并且不可见。

visibility:hidden可能就是你想要的

Answer 2

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

CSS:

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

然后您可以使用 JS 将 .element 定位到滚动条上并将不透明度属性设置为 1（过渡属性将确保淡入）。

Make Parent Div Retain Original Size When Interior Divs Are Hidden