묻고답하기

  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 남기남
추억팔이 mono 레이아웃 본문 테두리 수정 file  
노에르 nginx + php-fpm + mariaDB 구성해서 xe를 설치했는데요.. [2] 2015.02.03 by 노에르
묭묭이 좀급하네요 ㅜㅜ수정관련  
검푸 사이트 복원을 했는데. 메뉴 클릭시 404 error 나옵니다. [3] 2015.02.03 by bluedream
파표 3차메뉴가 안나와요ㅠ [1] file 2015.02.03 by DoorWeb
비상9 [질문] 스케치북게시판 -업데이트시 최상위에 표출할수 있는 방법 [2] 2015.02.03 by 비상9
마리아미르 위지윅 에디터 메뉴 클릭시 에러 [3] 2015.02.03 by Kxo
putty 제로보드4에도 XE위젯처럼 게시판 글을 메인에서 불러올 수 있나요? [2] 2015.02.03 by putty
피터팬007 sketchbook5 유투브 갤러리 게시판 스킨에서 섬네일이 생성이 안되네요... file  
혜민2 사이트 디자인 설정 CSS / 클래스 문의 [3] 2015.02.03 by DoorWeb
레르 제로보드 설치 관련 질문 [1] 2015.02.03 by 퍼니엑스이
hear718 제로보드xe에 대해서 하나도 모릅니다 [7] 2015.02.03 by DoorWeb
좋은데이 초보질문 보아주세요,  
newi 위젯에서 다국어 설정 문의 요 ... [2] 2015.02.03 by newi
쏘블링 3차메뉴 펼침접힘 기능을 추가하고 싶습니다ㅠ [7] file 2015.02.03 by 쏘블링
띠링띠링 이미지슬라이더를 홈에만 적용시키는법 알려주세요 [4] 2015.02.03 by 띠링띠링
sundriespds sketchbook5 유투브 갤러리 게시판 스킨 모바일 질문  
helloa xe default 스킨에서 배너 바꾸는 방법 [2] file 2015.02.03 by helloa
최꽁 xe 이클립스 file  
강희원470 구글 도메인 소유권 확인을 위한...4일째 사투...(프로그래머 호스팅업체 확인 하였으나 해결답이 없는 상태)  
helloa 다른 회원 정보보기  
totoro3030 게시판 알림 선택 시 관리자 받은메일 내용이 제대로 안나옵니다. [2] file 2015.02.03 by totoro3030
욱프랑크 질문좀 하겠습니다~~~ 도와주세요 ㅠㅠ  
나리_ 글자수 제한에 대해서 질문드립니다. [2] 2015.02.03 by 나리_
랄라리랄라뿅 컨텐츠위젯 수정 질문드려요 ㅠㅠ(파일첨부) [2] file 2015.02.03 by DoorWeb
피파링맨 socialXE 화면이 나오질 않습니다.  
미륵천사 게시판 관련 질문좀 드려 봅니다... [1] 2015.02.03 by 비상9
네이츠 mysql로 랭킹 구하는거 질문 해봅니다..  
나리_ xpress 홈페이지처럼 상단 고정 메뉴에 대해 질문드립니다. [4] 2015.02.03 by 나리_
띠링띠링 애드센스 모바일 어떻게하시나요,,  
태그 쓰기