-1

我只是说要考虑这个查询……我需要

计算浏览器窗口高度并附加具有设置高度的 div 以填充直到窗口已满......这是为了让 div 垂直堆叠在一起......我正在寻找生成过渡

任何指针都会很棒

干杯

4

2 回答 2

0

请在下面找到根据浏览器的高度添加宽度和高度为 100px 的 div 的 Jquery 代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vertically Add up Div's</title>
  <style type="text/css">
    #container      { background:#ccc; display:inline-block; height:100%; margin:0; padding:0; width:100%; }
    .add-blocks     { border:1px solid red; float:left;  height:100px; width:100px; }
  </style>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

  <script type="text/javascript">

    $(document).ready(function(){

        var wheight = $(window).height();
        var wwidth  = $(window).width();

        /* Number of rows */
        var blocks  = Math.round(wheight / 100);        

        /* Number of cols */
        var cols = Math.round(wwidth / 100);

        /* Div html markup */
        var str = "<div class='add-blocks'>&nbsp;</div>";

        for(var i = 1; i < (blocks); i++)
        {
            for(var j = 1; j < cols; j++)
            {
                $("#container").append(str);
            }
        }

    });

    </script>



</head>

<body>
<div id="container">&nbsp;</div>
</body>
</html>
于 2012-10-03T13:29:17.197 回答
0 
var divHeight = 100;
var winHeight = window.innerHeight;
for(i =0; i < parseInt(winHeight / divHeight);i++){
$('<div style="height:100px;float:left;"></div>').appendTo('body');
}

你是这个意思吗？

于 2012-10-03T11:26:51.263 回答