javascript - 将全 Angular slider 缩放到浏览器底部

Question

我有两个主体 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;

}
...

有什么建议吗？

Answer 1

“底部”是什么意思？

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

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

如果你指的是整个页面的高度(带滚动)，那么，

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

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

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