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”。

如何在不增加页面高度的情况下生成html元素

2 个答案: