Масштабировать ползунок полной ширины до нижней части браузера

У меня есть два блока тела: первый для навигации, а второй — «slider1_container» из jssor.

Теперь моя проблема в том, что я хочу масштабировать «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;

}
...

Любой совет?


person Community    schedule 06.07.2014    source источник
comment
Итак, в основном вы хотите получить ответ, который был опубликован в связанном вопросе, но вместо полной ширины ограничить его шириной #nav?   -  person Adam Merrifield    schedule 06.07.2014
comment
@AdamMerrifield В связанном вопросе ползунок является единственным div в теле, и он по ширине и высоте развернут до окна браузера. Я хочу, чтобы он также был развернут в окно браузера, но у меня уже есть div (с id = nav) над div ползунков с высотой, указанной в пикселях.   -  person    schedule 07.07.2014
comment
Есть полноэкранная демонстрация слайдера. См. stackoverflow.com/questions/24472909/   -  person jssor    schedule 07.07.2014


Ответы (2)


Есть полноэкранная демонстрация слайдера.

См. ответ Как заставить JSSOR изменить соотношение сторон ?

person jssor    schedule 07.07.2014

Что вы имеете в виду под словом «дно»?

Если вы имеете в виду нижнюю часть экрана, то

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

Если вы имеете в виду высоту всей страницы (с прокруткой), то,

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

Затем установите высоту элемента на эту высоту:

$("#slider1_container").height(height);
person bryce    schedule 06.07.2014
comment
Спасибо, но это не работает с ползунком jssor :(. Div меняется, но изображение не масштабируется до него. - person ; 07.07.2014
comment
Возможно, установить #slider1_container на display:block? Не уверен, что именно вы пытаетесь сделать. - person bryce; 07.07.2014