Question

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

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

我将在数据库的基础上创建不同数量的div，以便我使用此变量 i 为每个div分配不同的ID。

我的问题是，即使我在正文中创建了div，当我查看它们所在的代码时，如果我检查身体的高度它是0（宽度没问题，类似于1200）。主要问题是，当div太多时，它们超出了屏幕但没有滚动条。尽管在代码中，div还没有像div那样的东西。你能为我提出任何解决方案吗？或者我做错了什么？我的想法是我使用 $（document）.ready 所以html文件正在创建一个页面，但是看到空体，所以height = 0，我所有的div都是超越身体。你怎么看待这个？

Answer 1

空<div>没有高度。因此，您可以根据需要添加任意数量的页面，它将永远不会再获得。要显示滚动条，您需要使用CSS将高度设置为<div>，如下所示：

.diamond_div{
    height:100px;
}

或者向<div>添加一些内容，这样您就会有这样的内容：

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

然后你的<div>会有高度，一旦页面上有足够的内容超出浏览器的高度，就会出现滚动条。

继续发表评论。将位置设置为“fixed”会从工作流中删除元素，因此不会以正常方式扩展页面的长度。

Answer 2

注意定位; position：fixed将你的div从正常流程中移除 - ＆gt;

固定定位元素将从正常流中移除。该文档和其他元素的行为类似于固定定位元素不存在。

正如W3C所说

jQuery滚动没有显示出来

2 个答案: