2014-07-06 2 views
2

두 개의 본문 div가 있습니다. 첫 번째 것은 탐색 용이고 두 번째 것은 jssor의 "slider1_container"입니다.브라우저 하단까지 전체 너비 슬라이더 조정

이제 내 문제는 "slider1_container"를 this question 같은 하단까지 줄이고 전체 화면이 아니라는 점입니다.

내 코드는 다음과 같습니다

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

} 
... 

어떤 조언을?

+1

의 대답을 볼 수 있지만 대신 전체 폭의'#의 nav'의 폭에 제한하세요? –

+0

@AdamMerrifield 연결된 질문에서 슬라이더는 본문의 유일한 div이고 브라우저 창에 최대화 된 너비와 높이입니다. 또한 브라우저 창을 최대화하고 싶지만 슬라이더 div 위의 div (id = nav 포함)가 픽셀 단위로 주어진 높이로 이미 있습니다. –

+0

전체 화면 슬라이더 데모가 있습니다. http://stackoverflow.com/questions/24472909/how-can-i-make-jssor-change-its-aspect-ratio – jssor

답변

1

'바닥'이란 무엇을 의미합니까?

당신은 당신이 (스크롤로) 전체 페이지의 높이를 의미하는 경우,

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

다음이 높이로 요소의 높이를 설정

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

다음 화면의 하단을 의미하는 경우 :

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

고마워요,하지만 이건 jssor 슬라이더로는 작동하지 않습니다 :(. div 이미지는 바뀌지 만 이미지는 그 크기가 조정되지 않습니다. –

+0

'# slider1_container'를'display : block'으로 설정했을 것입니다. – bryce

관련 문제