2016-07-08 4 views
-5

나는 부트 스트랩이있는 고정 된 navbar를 가지고 있습니다. 문제는 때로는 페이지의 제목과 기타 콘텐츠와 겹치는 것입니다.JS의 높이 Div

이 문제를 해결하기 위해 수동 여백이있는 화상 통화가 있지만 알림을 추가하면 너무 겹치거나 navbar와 콘텐츠 사이에 큰 차이가있는 경우 navbar 높이가 계속 변경됩니다. .

<div class="sep" id="separator" style="padding-top:60px"> 

작품 위의 DIV하지만 정확하지 않습니다, 페이지가로드 될 때 내 네비게이션 바의 전체 높이를 얻을 수 후이있을 것입니다 수 있도록 분리 사업부로 그 높이를 넣어하는 방법이 사용자 정의 패딩 - 가기 매번?

혼란스러워서 죄송합니다.

+0

시도한 것을 보여주십시오. 문제가있는 코드를 게시하십시오. – Jmh2013

+0

그리고 이것은 PHP와 정확히 얼마나 관련이 있습니까? –

+0

코드를 게시해야합니다. 그렇지 않으면 당신의 질문은 많이 downvoted 얻을 것이다. 또한 귀하의 질문과 관련 있습니다. AJAX 사용에 대한 조언을 해봅시다. 답은 귀하의 질문과 정확히 같습니다. 너는 그것을 좋아하니? – Ionut

답변

0

나는 약간의 질문에 혼란스러워 보이지만 나는 이것이 당신이 찾고있는 것이라고 생각한다. 여백을 다른 것으로 변경하십시오.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> 

<script>$(document).ready(function() { 
    var d = $('#test'); 
    var h = d.height();   
    d.css('margin-top', 100); 
    }); 
</script> 
+0

이것이 작동하는 것처럼 보이지만 JS를 거의 알지 못하고 피하려고합니다. 나는 백엔드 다. 나는 그것을 지금 통합하려고 노력할 것이다. – Lachlan

+0

나는 당신을 그보다 더 간단하게 만들기 위해 그것을 편집했다. #test를 #whateverIDtheDivHas로 변경하고 변경할 CSS 속성의 margin-top – QuestionsToAskThingsToDo

+0

잘못된 설명을했습니다. nav에는 ID 표시 줄이 "구분 기호"인 본문 바로 뒤에 알림 표시 줄이 추가 될 때마다 끊임없이 높이가 변경됩니다. 수동으로 고정 된 패딩을 사용하여 탐색 모음을 중첩시키지 만 종종 생성합니다. 공간이 너무 많거나 적 으면이 패딩이 변경되어 탐색 모음의 전체 높이와 같아야합니다. – Lachlan