2012-08-10 3 views
1

클라이언트 들어, 나는 전체 화면 웹 사이트, 반응이 디자인을 할. 부트 스트랩을 고정 된 navbar와 함께 사용하고 있으므로 콘텐츠를 배치하기 위해 본문에 60px 패딩 윗부분을 추가했습니다.부트 스트랩 고정 navbar : 패딩 - 상단 및 본문 100 %

내 문제는 다음과 같습니다. 내 몸의 높이가 100 %이고 패딩 상단이 60px이기 때문에 스크롤바가 체계적으로 표시됩니다. 'overflow : hidden;'을 사용할 수는 있지만 페이지를 스크롤해야한다면 더 이상 볼 수 없습니다.

해결책이 있으십니까?

감사합니다.

편집 : 여기에 아이디어가 있습니다 : http://jsfiddle.net/StFca/ 이 경우에는 스크롤바를 숨기고 싶습니다. 왜냐하면 스크롤바가 필요 없기 때문입니다. 대신 몸에 패딩을 추가

답변

2

, 당신은 콘텐츠의 주요 컨테이너에 추가 할 수있는 새로운 클래스 또는 ID에 margin-top: 60px 속성을 추가 할 수 있습니다, 그래서는 다음과 같이 보일 것이다 :

#main-container { 
    margin-top: 60px; 
} 

이 방법을 사용하면 문서 본문 대신 컨테이너 자체를 밀어내어 탐색 모음을 조정할 수 있으며 스크롤 막대가 사라집니다.

+0

그래,하지만 이것도 같은 문제 야, 체계적인 오버 플로우 =/ –

+0

@ JérémyDutheil 내가 위의 http://jsfiddle.net/CDwKV/show/와 동일한 접근법으로 만든 데모는 스크롤바가 아니다. 나타납니다. 귀하의 경우 뷰포트를 지나치는 일부 콘텐츠가 넘쳐 났을 수 있습니까? –

+0

여기 내 경우입니다 : http://www.jeremy-dutheil.fr/barconniere/ 콘텐츠가 너무 크지 않더라도 오버플로가 발생하는 것을 볼 수 있습니다./ –

관련 문제