CSS：目に見える内容にスクロールする

Question

私のページにはdiv要素が2つあります。 1つは可視性を有し、もう1つは可視である。可視性のあるdivが隠され、隠れたdivが可視になるたびに、可視性を交換するボタンがあります。 divは両方とも高さがありますが、ブラウザーを垂直方向にスクロールする必要がありますが、高さは異なります。もし私が短いものを見えるものにすると、背の高いものが見えたら私はできるだけ遠くまでスクロールすることができます。だから、短いdivが表示されているときは、その下にスクロールすることができるので、その下に空のスペースがたくさんあります。 Visibleコンテンツを表示するのに必要な範囲でウィンドウがスクロールするようにするにはどうしたらいいですか？ありがとう。

Answer 1

display：visibilityの代わりにnone：hiddenを使用します。そして、隠れたdivをもう一度表示したい場合は、単にdisplay：ブロックを使用してください。

visibility：hiddenは、divによって使用されたスペースを保持します。単にそれをレンダリングしません。対照的に、display：noneは、通常占有するスペースを含め、要素を効果的に完全に削除します。

Answer 2

これはあなたを助けるはずです。可視性：折りたたまれている部分を完全に隠し、それをページ上に残します。両方を持つことであなたの問題が解決されるはずです。

visibility: collapse; 
display: none;