스크롤 바를 트리거하지 않고 뷰포트 외부로 넘칠 수있는 요소의 위치를 ​​지정 하시겠습니까?

Question

내 콘텐츠와 본문 배경색이 다르기 때문에 그라디언트가 하나에서 다른 배경으로 바뀌려고합니다. 이 효과는 내용이 뷰포트보다 작은 경우에만 필요합니다.

예 : http://jsfiddle.net/kEXzs/1/

는 Y 축상의 결과보기 수축 및 .footer div에 넘쳐 때문에 스크롤 바가 나타난다 통지 방법. 나는 그런 일이 일어나기를 원하지 않는다. 뷰포트는 내용이 넘칠 때만 스크롤 막대를 표시해야합니다. 이것이 가능한가?

나는 동일한 효과를 제공하는 다른 제안에 대해서도 열려 있습니다. 내용 div의 크기가 동적으로 조정되므로 몸체 그라데이션 배경 설정이 작동하지 않습니다.

<div class="footer" style="position: fixed"> 
</div> 

를 (또는 그에 따라 CSS 변경) :

Answer 1

당신은 고정 된 것으로 바닥 글을 배치 할 수있다. 내가 찾던 바로 무엇 http://jsfiddle.net/kEXzs/17/