как генерировать HTML-элементы без увеличения высоты страницы

Question

Я работаю над веб-страницей, на которой отображается несколько страниц.

<div class='tab'>
    <div class='page'>...</div>
    ...
    <div class='page'>...</div>
</div>

, но высота веб-страницы значительно превышает длину 1 показанной страницы.Я боюсь, что причина этого в том, что я генерирую все элементы для каждой страницы, а затем скрываю те, которые не принадлежат странице 1. Но я не уверен, как это сделать, не увеличив высотустр.

Кто-нибудь может мне помочь?

Answer 1

начните их с style="display:none", а затем измените их на style="display:block" при необходимости

Answer 2

Вам нужно применить style = "display: none" к элементам, которые вы хотите скрыть.

Следующий код скрывает «все» нижележащие страницы в элементе div class = 'tab'.

<div class='tab' style="display:none">
<div class='page'>...</div>
...
<div class='page'>...</div>
</div>

Следующий код будет скрывать каждую страницу, которую вы указали style = 'display: none' до

<div class='tab'>
<div class='page' style="display:none">...</div> <!-- This page *only* will be hidden -->
...
<div class='page'>...</div> <!-- This page is still visible -->
</div>

Всякий раз, когда вы хотите, чтобы элемент снова был видимым, просто измените ваш «display: none» на «display: block».