缩放全角滑块直到浏览器底部答案

【问题标题】：Scale full-width-slider till to the browsers bottom缩放全角滑块直到浏览器底部
【发布时间】：2014-07-06 19:04:18
【问题描述】：

我有两个 body div：第一个用于导航，第二个是来自 jssor 的“slider1_container”。

现在我的问题是我想像this question 那样将“slider1_container”缩放到底部，但不是全屏。

我的代码是：

// HTML

<div id="nav">
    <div class="nav-bar">
        ...
    </div>
</div>

<!-- SLIDER CODE -->
<!-- http://www.jssor.com/demos/full-width-slider.html -->
<div id="slider1_container">
    ...
</div>



// CSS

#nav
{
    min-width: 900px;
    height: 100px;

}
...

有什么建议吗？

【问题讨论】：

所以基本上你想要链接问题中发布的答案，而不是全宽将其限制为#nav的宽度？
@AdamMerrifield 在链接的问题中，滑块是正文中唯一的 div，它的宽度和高度已最大化到浏览器窗口。我希望它也最大化到浏览器窗口，但我已经在滑块 div 上方有一个 div（id=nav），其高度以像素为单位。
有一个全屏滑块演示。请看stackoverflow.com/questions/24472909/…

标签： javascript jquery html css jssor

【解决方案1】：

“底部”是什么意思？

如果你指的是屏幕底部，那么

var height = $(window).height();

如果你的意思是整个页面的高度（滚动），那么，

var height = $(document).height();

然后将元素的高度设置为这个高度：

$("#slider1_container").height(height);

【讨论】：

谢谢，但这不适用于 jssor 滑块 :(。div 正在更改，但图像不会缩放到它。
也许将#slider1_container 设置为display:block？不确定你到底想做什么。

【解决方案2】：

有一个全屏滑块演示。

请看How can I make JSSOR change its aspect ratio?的回答

【讨论】：