jQuery滚动不显示

Question

我正在使用jQuery编写动态页面，但出现了问题。 我例如使用如下的append（）函数添加到我的html文件div中：

$("body").append("<div id ='dd_"+i.toString()+"' class='diamond_div'></div>");

我将在datebase上创建不同数量的div基础，因此这就是为什么我使用此变量i为每个div分配不同的ID。

我的问题是，即使我在主体中创建该div，并且当我查看它们所在的代码时，如果我检查主体的高度也为0（宽度可以，例如1200）。 主要的问题是，当div太多时，它们超出了屏幕，但是没有滚动条。 这有点像div不在体内，尽管在代码中它们在其中。您能为此提出任何解决方案吗？ 还是我做错了什么？ 我的思路是，我正在使用$（document）.ready，因此html文件正在创建一个页面，但看到的正文为空，因此height = 0且所有div都超出body 。 您对此有何看法？

Answer 1

空的<div>没有高度。 因此，您可以在页面中添加任意数量的页面，并且此页面不再可用。 为了显示滚动条，您需要使用CSS将高度设置为<div> ，如下所示：

.diamond_div{
    height:100px;
}

或将一些内容添加到<div>这样您将得到以下内容：

$("body").append("<div id ='dd_"+i.toString()+"' class='diamond_div'>hello</div>");

然后您的<div>将具有高度，并且一旦页面上有足够的空间超出浏览器的高度，滚动条就会出现。

---

接下来是您的评论。 将位置设置为“固定”会从工作流中删除该元素，因此不会以常规方式延长页面的长度。

Answer 2

注意定位； position：fixed将您的div从正常流程中移除->

固定位置的元素将从正常流中删除。 文档和其他元素的行为就像不存在固定位置的元素。

如W3C所说