CSS: только прокрутка до видимого содержимого

Question

Итак, у меня есть два элемента div на моей странице, один поверх другого. Один имеет видимость: скрытый, а другой виден. У меня есть кнопка, которая меняет их видимость, при каждом нажатии видимый элемент скрывается, и скрытый элемент становится видимым. Div имеют высоту, которая требует вертикальной прокрутки браузера, однако их высота различна. Если я сделаю короче видимость, я все равно смогу прокрутить как можно ниже, если бы был виден более высокий. Поэтому, когда отображается более короткий div, под ним появляется куча пустого пространства, потому что вы можете прокрутить его далеко за его пределы. Как сделать так, чтобы окно прокручивалось только настолько, насколько это необходимо для отображения содержимого VISIBLE? Спасибо.

Answer 1

использовать отображение: нет вместо видимости: скрыто.Затем, если вы хотите снова показать скрытый div, просто используйте display: block.

visibility: hidden сохраняет пространство, используемое div, просто не отображает его.Напротив, display: none эффективно удаляет элемент полностью, включая место, которое он обычно занимал бы.

Answer 2

Это должно вам помочь.visibility: collapse полностью скрывает div, сохраняя его на странице.Наличие их обоих должно решить вашу проблему.

visibility: collapse;
display: none;