묻고답하기

  2. Support
  3. 묻고답하기

xpress 홈페이지처럼 상단 고정 메뉴에 대해 질문드립니다.

2015.02.03 22:22

나리_

xpress 홈페이지처럼 상단 고정 메뉴에 대해 질문드립니다.

상단 고정은 성공했구요. 다만 문제가 게시글이 메뉴 위로 올라가는 게 보입니다.



html 소스입니다. 


----------------------------------------


<title>제목</title>

 <style>

      body {

        margin: 0px;

        padding: 0px;

      }

      .jbMenu {

        text-align: center;

        background-color: yellow;

        padding: 10px 0px;

        width: 100%;

      }

      .jbContent {

        height: 2000px;

      }

      .jbFixed {

        position: fixed;

        top: 0px;

      }

    </style>

    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

    <script>

      $( document ).ready( function() {

        var jbOffset = $( '.jbMenu' ).offset();

        $( window ).scroll( function() {

          if ( $( document ).scrollTop() > jbOffset.top ) {

            $( '.jbMenu' ).addClass( 'jbFixed' );

          }

          else {

            $( '.jbMenu' ).removeClass( 'jbFixed' );

          }

        });

      } );

    </script>

<BODY topmargin="0">

    <div class="jbMenu">

      <p>

<div align="top"><div align="right" style="padding-right:250px;"><img class="zbxe_widget_output" widget="login_info" skin="xe_globalTwo" colorset="white" /></div></div>

      </p>

    </div>

<load target="user_layout.css" />

<div class="user_layout">


   <div class="header">

      <div class="header"><center><img src="http://i.imgur.com/Brk8N0b.jpg"></center></div>


      <hr />

      

   </div>

   <hr />

   <div class="body">

      <div class="content">{$content}</div>

   </div>

   <hr />

   <div class="footer"><div class="copyright">Copyrightⓒ2015 TAEMTIME All rights reserved.</div></div> 

</div>

<script type="text/javascript" src="http://radarurl.com/js/radarurl_widget.js"></script><script type="text/javascript">radarurl_call_radar_widgetv2({edition:"Dynamic",location:"rightbottom"})</script><noscript><a href="http://radarurl.com/">RadarURL</a></noscript>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" style="background-image:url('http://i.imgur.com/6vqjdPM.jpg'); background-repeat:repeat-x;">

</body>


----------------------------------------


게시글이 메뉴위로 지나가는게 안보이는 법 조언 주시면 감사하겠습니다.
또, 홈페이지에 여백값을 0으로 조절해도 제일 상단에 작은 여백이 생기는데 조언 부탁드립니다. 테스트 레이아웃 수정해서 사용중입니다.
이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
펀펀74 스케치북 모바일 썸네일 이미지 사이즈 [5] file 2015.02.04 by 펀펀74
ssㅎㅅㅎss 메뉴 하이퍼링크에 onclick으로 css속성바꾸는 [3] file 2015.02.04 by ssㅎㅅㅎss
803 세진님 전체공지 애드온 사용할시 게시판에서 '전체공지'라고 보이게하기 [2] 2015.02.04 by 803
늘아9090 프레임을 나눴더니 관리자 메뉴와 디자인이 안 뜹니다. 도와주세요. [1] file 2015.02.04 by HN마루
파스테릉 조회수 삭제시 오류가 발생합니다. [1] 2015.02.04 by 파스테릉
최꽁 xe 로컬 설치시 [2] file 2015.02.04 by 최꽁
아기나옹이 게시물 삭제 시 첨부파일 그데로 남아 있는 현상? [2] 2015.02.04 by 아기나옹이
Kevinatvn 이전 버전에서 만들어진 게시판을 메뉴에 추가  
Kxo 알림센터에서 익명 댓글 표시 질문있습니다. [3] file 2015.02.04 by 라소백사랑합니다
띠링띠링 애드센스 모바일 어떻게하시나요,,  
나리_ xpress 홈페이지처럼 상단 고정 메뉴에 대해 질문드립니다. [4] 2015.02.03 by 나리_
네이츠 mysql로 랭킹 구하는거 질문 해봅니다..  
미륵천사 게시판 관련 질문좀 드려 봅니다... [1] 2015.02.03 by 비상9
피파링맨 socialXE 화면이 나오질 않습니다.  
랄라리랄라뿅 컨텐츠위젯 수정 질문드려요 ㅠㅠ(파일첨부) [2] file 2015.02.03 by DoorWeb
나리_ 글자수 제한에 대해서 질문드립니다. [2] 2015.02.03 by 나리_
욱프랑크 질문좀 하겠습니다~~~ 도와주세요 ㅠㅠ  
totoro3030 게시판 알림 선택 시 관리자 받은메일 내용이 제대로 안나옵니다. [2] file 2015.02.03 by totoro3030
helloa 다른 회원 정보보기  
강희원470 구글 도메인 소유권 확인을 위한...4일째 사투...(프로그래머 호스팅업체 확인 하였으나 해결답이 없는 상태)  
최꽁 xe 이클립스 file  
helloa xe default 스킨에서 배너 바꾸는 방법 [2] file 2015.02.03 by helloa
sundriespds sketchbook5 유투브 갤러리 게시판 스킨 모바일 질문  
띠링띠링 이미지슬라이더를 홈에만 적용시키는법 알려주세요 [4] 2015.02.03 by 띠링띠링
쏘블링 3차메뉴 펼침접힘 기능을 추가하고 싶습니다ㅠ [7] file 2015.02.03 by 쏘블링
newi 위젯에서 다국어 설정 문의 요 ... [2] 2015.02.03 by newi
좋은데이 초보질문 보아주세요,  
hear718 제로보드xe에 대해서 하나도 모릅니다 [7] 2015.02.03 by DoorWeb
레르 제로보드 설치 관련 질문 [1] 2015.02.03 by 퍼니엑스이
혜민2 사이트 디자인 설정 CSS / 클래스 문의 [3] 2015.02.03 by DoorWeb
태그 쓰기