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

【问题标题】：how to generate html elements without increasing page height如何在不增加页面高度的情况下生成html元素
【发布时间】：2012-01-11 00:32:01
【问题描述】：

我正在处理一个要显示多个页面的网页。

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

但网页的高度远远超出了显示的 1 个页面的长度。恐怕造成这种情况的原因是我为每个页面生成了所有元素，然后隐藏了不属于第 1 页的元素。但是我不确定如何在不增加高度的情况下执行此操作页。

谁能帮帮我？

【问题讨论】：

嗯...隐藏元素的代码是什么？您使用的是visibility:hidden 还是display:none？
我们还能看到你的 JavaScript 吗？

标签： javascript html web height

【解决方案1】：

以style="display:none" 开头，然后根据需要将它们更改为style="display:block"

【讨论】：

【解决方案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”即可。

【讨论】：