javascript - 缩放全角滑块直到浏览器底部

Question

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

现在我的问题是我想像这个问题一样将“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;

}
...

有什么建议吗？

Answer 1

“底部”是什么意思？

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

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

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

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

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

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

Answer 2

有一个全屏滑块演示。

请参阅如何使 JSSOR 更改其纵横比的答案？