• 북마크
  • 1:1문의
  • 새글
  • 회원가입
  • 로그인

질문과 답변

  • Home
  • 이윰빌더
  • 질문과 답변

오른쪽 사이드 메뉴를 스크롤 따라다니게 하는 방법에 관해서 질문합니다.

909 2016.12.15 14:59

짧은주소

본문

웹사이트의 대부분의 내용이 구현은 완료되었으나, 클라이언트에서 오른쪽 메뉴하단의 공통메뉴영역을 퀵링크로 하여 접속자가 스크롤시 따라다니는 메뉴로 구성을 요청하였습니다.

 

부트스트랩에서 유사한 소스를 확인하여 적용하였는데, 스크롤을 최하단까지 내리면 퀵링크 영역이 Tail영역까지 침범을 합니다.

 

퀵링크가 좀 상단쪽으로 올라가면 될거 같은데...올라가지도 않구요...

 

혹시 수정할 방법이 있을까요?

 

아래의 소스는 Side_bs.html중 하단 메뉴 영역 부분을 수정한 것입니다.

 

    <!--{* 사이드바 하단 메뉴 시작 *}-->
     <div class="side-menu-bottom">  
 
         <nav class="col-sm-3" >
             <div style=" margin-bottom:auto">
                  <ul class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="750" style="width:210px" >
                      <li class="active" style="font-size:16px; text-align:center; font-weight:bold;"><img src="../image/big_arrow_m.png" width="20px" style="margin-right:15px" />Quick Link<img src="../image/y_arrow.png" style="margin-left:15px" /></li>
                    <li><a href="{C.G5_BBS_URL}/board.php?bo_table=Noitce"><img src="../image/dot.png" style="margin-right:15px;">공지사항</a></li>
                    <li><a href="{C.G5_URL}/page/?pid=dive_package"><img src="../image/dot.png" style="margin-right:15px">다이빙패키지</a></li>
                    <li><a href="{C.G5_URL}/page/?pid=activity_price"><img src="../image/dot.png" style="margin-right:15px">Activity</a></li>
                    <li><a href="{C.G5_BBS_URL}/board.php?bo_table=qa"><img src="../image/dot.png" style="margin-right:15px">예약문의</a></li>
                    <li><a href="https://www.facebook.com/junkim0326" target="_blank"><img src="../image/facebook_icon.png" style="margin-right:15px">Facebook</a></li>
                  </ul>
             </div>
         </nav>  
     </div>
    <!--{* 사이드바 하단 메뉴 끝 *}-->

0
- 이군이죠 메일보내기 아이디로 검색 - 회원등급 : 씨앗/Level 2 - 포인트 : 2,350
레벨 2
경험치 475

Progress Bar 69%

- 가입일 : 2016-12-06 11:28:56
- 서명 :
- 자기소개 :
댓글목록

디폴트님의 댓글

관련 소스를 사용치 않아서 올바른 답변이 될 지 모르겠지만 참고하세요
data-offset-top="750" 을 data-offset-bottom="적당값"으로 수정하시면 하단을 기준으로 나타나지 않을 생각됩니다.

관련 정보 : http://www.w3schools.com/Bootstrap/bootstrap_affix.asp

축하합니다. 첫댓글 포인트 62포인트를 획득하였습니다.

이군이죠님의 댓글

댓글 달아주셔서 감사합니다.

적용해봤는데, 스크롤이 부드럽게 이동하는게 되었는데, 하단 영역까지 넘어가는건 여전하네요.

그래도 퀵링크가 갑자기 이동하는건 잡았습니다.

감사합니다.

이군이죠님의 댓글

감사합니다. 덕분에 해결했습니다.

스타일시트에서 atfix에 값을 주니 되었습니다.

정말정말 감사합니다.

Total 2,281건 1 페이지
게시판 이용안내

이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.

질문 시 기본적인 예절을 지켜주세요.
  • 질문 시 바른말을 이용 해 주세요.
  • 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
  • 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
  • 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
  • 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
번호 제목 글쓴이 날짜
2,281 이상민님 아이디로 검색 2017.07.28 3,402
2,280 플레이온 아이디로 검색 2017.07.25 988
2,279 돌맹이 아이디로 검색 2017.07.24 2,386
2,278 Hubert 아이디로 검색 2017.07.21 1,644
2,277 Hubert 아이디로 검색 2017.07.18 1,084
2,276 종달 아이디로 검색 2017.07.16 854
2,275 종달 아이디로 검색 2017.07.09 2,099
2,274 잘안되네요 아이디로 검색 2017.07.07 654
2,273 잘안되네요 아이디로 검색 2017.07.06 729
2,272 m3palma 아이디로 검색 2017.07.05 822
2,271 드봉 아이디로 검색 2017.07.05 1,586
2,270 ㄷㅊㅎ 아이디로 검색 2017.07.04 741
2,269 플래닛 아이디로 검색 2017.07.01 1,303
2,268 김기린님 아이디로 검색 2017.06.29 1,707
2,267 자유롭게 아이디로 검색 2017.06.29 1,748
2,266 탱크 아이디로 검색 2017.06.28 1,439
2,265 사이트메이크 아이디로 검색 2017.06.26 866
2,264 red123 아이디로 검색 2017.06.23 932
2,263 사이트메이크 아이디로 검색 2017.06.22 703
2,262 사이트메이크 아이디로 검색 2017.06.22 920
LOGIN
사이드 메뉴

최신글이 없습니다.

최신글이 없습니다.

출석 랭킹

오늘의 랭킹

회원사진

닉네임

개근왕

최다1위

shadow shadow
Ranking

    출력할 랭킹이 없습니다.

  • 01 shadow
    674,374
  • 02 신비
    335,419
  • 03 가을하늘
    204,735
  • 04 mame
    202,630
  • 05 이윰MOUNT
    199,181
  • 06 미스코리아
    163,939
  • 07 레오나르도
    147,576
  • 08 테크니션
    142,655
  • 09 이윰IN
    135,258
  • 10 비온뒤맑음
    127,882
  • 01 shadow
    28,938
  • 02 joosam
    23,606
  • 03 티보리
    21,954
  • 04 홍인
    18,644
  • 05 레오나르도
    18,088
  • 06 이윰IN
    17,983
  • 07 도깨비
    16,614
  • 08 이윰EGG
    16,105
  • 09 자이언트
    14,698
  • 10 미스트
    14,379