Javascript 如何增加背景尺寸？_Javascript

Javascript 如何增加背景尺寸？

javascript

Javascript 如何增加背景尺寸？,javascript,Javascript,如何使黑匣子达到最大高度当你点击下拉菜单时，我希望整个背景是黑色的。我试着用position:abosulute做height:100%，但似乎不起作用。请让我知道如何解决这个问题。另外一个额外的好处，如果你想帮助它太是创造一个动画，使项目上的导航出现一个小的延迟和淡入。谢谢我希望它看起来与上的菜单/导航相似。您需要增加ul的高度，而不是身体的高度。身体的高度取决于身体中的元素。将ul菜单类的高度增加到1000px。那会给你你需要的 .menu ul { display: none

如何使黑匣子达到最大高度

当你点击下拉菜单时，我希望整个背景是黑色的。我试着用position:abosulute做height:100%，但似乎不起作用。请让我知道如何解决这个问题。另外一个额外的好处，如果你想帮助它太是创造一个动画，使项目上的导航出现一个小的延迟和淡入。谢谢

我希望它看起来与

上的菜单/导航相似。您需要增加ul的高度，而不是身体的高度。身体的高度取决于身体中的元素。将ul菜单类的高度增加到1000px。那会给你你需要的

.menu ul {
    display: none;
    height: 1000px;
}

可以使用jQuery查找浏览器窗口的高度，然后将此高度应用于ul元素。这是一个简单的例子

小提琴：

请提供一个JSFIDLE。是的，我希望高度是100%。我想让它调整到浏览器尺寸的大小。知道吗，太好了。这对我很有用，谢谢。但是，如果我调整了背景不匹配的窗口大小，有没有办法让它刷新或不断调整到活动高度？>背景图像没有正确调整大小的原因是，窗口高度正在添加到ul中，但页面顶部的锚标记已经使用了一些空间。你所能做的就是将ul的高度降低65px，这应该可以覆盖由于锚定标签引起的高度差异。尝试更改$'showme.css{'height'：$window.height}；到$'showme.css{'height'：$window.height-65}；看看那里。高度非常适合，但一旦调整窗口大小，高度就不再适合站点。你明白我在说什么吗>？要解决这个问题，你需要在每次重新调整尺寸后计算新的窗户高度，然后将这个新高度应用到你的ul。将此添加到文档就绪函数：$window.resizefunction{$'showme.css{'height'：$window.height-65}；}；

<html>
<head>
    <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script>
        $(document).ready(function(){
            $('#clickme').click(function(){
                $('#showme').css({'height' : $(window).height()});
                $('#showme').slideToggle('slow');


            });

        });
</script>
</head>
<body>

<a id="clickme" href="#">Click Me</a>

<ul id="showme" style="display:none; background-color: #000; color: #fff;">
    <li>
        Some Text
    </li>
    <li>
        Some Text
    </li>
    <li>
        Some Text
    </li>
    <li>
        Some Text
    </li>
</ul>
</body>
</html>