CODEWITHSUNDEEP
javascriptjqueryhtmlcssjssor
user3810152
user3810152

Reputation:

Scale full-width-slider till to the browsers bottom

I have a two body divs: The first one is for navigation and the second one is the "slider1_container" from jssor.

Now my Problem is that i want to scale the "slider1_container" till to the bottom like in this question, but not in full-screen.

My code is:

// 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;

}
...

Any advice?

Upvotes: 2

Views: 197

Answers (2)

jssor
jssor

Reputation: 6985

There is a full screen slider demo.

Please see the answer of How can I make JSSOR change its aspect ratio?

Upvotes: 0

bryce
bryce

Reputation: 3051

What do you mean by 'bottom'?

If you mean the screen's bottom, then 

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

If you mean the height of the entire page (with scrolling), then,

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

Then set the element's height to this height:

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

Upvotes: 1

Related Questions