자바스크립트| 라이센스요청(안내) 주문제작 | 질문답변| 팁앤태크| 강좌 | 설문
 
 
  포인트안내 | 입금통보 | 제이쿼리 라이센스안내
오늘 : 178 명 | 어제 : 289 명 | 현재 : 20 명
 
[공지사항] 4월 출첵이벤트 (1)
+ 팁앤태크 +
- 본인이 알고 있는 유용한 팁을 공유해 주세요
- 플래시, 포토샵, 일러, 컴퓨터, 웹, 디자인 전반에 관한 모든 팁들이 아주 요긴하게 쓰일것입니다
 
작성일 : 19-09-30 11:19
제목 [jquery] 고정메뉴 fixed, 본문이 스크롤될때 fixed 같이 스크롤먹이기
작성자 디블
조회수 933    index.html (1.3K)[2]
상단메뉴를 fixed로 고정를 하면 스크롤에 영향을 받지 않습니다.
본문이 줄면 스크롤이 생기는데 메뉴부분은 이동하지 않기때문에 언발라스한경우들이 있습니다.
아래는 해결방안입니다.
fixed메뉴가 같이 스크롤되도록 스크립트합니다.
검색해서 가져왔습니다.
가로를 줄여서 스크롤을 만든다음 테스트하시면 됩니다.

$(function(){
$(window).scroll(function(){
var winSc = $(window).scrollLeft();
$('header nav').css('left',-winSc);
})
})

추가로 fixed안에 배경처리가 된경우 가로 100이 안되는경우가 있습니다.
그런경우 body의 사이즈를 기입해 주시면 됩니다.
예를들어 body 가 min-width:1200이라면 값을 그대로 넣어주세요.

 
Total 150
글번호 제목 작성자 작성날짜 조회수
150 [jquery] 고정메뉴 fixed, 본문이 스크롤될때 fixed 같이 스크롤먹이기 디블 09-30 934
149 [css] 텍스트 줄바꿈 처리 디블 09-03 1515
148 [기타] html lang 언어셋 디블 07-30 3450
147 [기타] 가끔 찾아 헤매는 특수문자, 기호 (1) 디블 07-28 3622
146 [css] 테이블테두리 우선순위 디블 12-23 3612
145 [jquery] youtube 외부 컨트롤이 필요할때 참조 디블 11-21 3635
144 [jquery] jquery cookie 오늘하루열지않기 디블 10-24 3681
143 [기타] 프리로더 사이트 디블 10-20 3602
142 [jquery] jquery / iframe 디블 04-04 3981
141 [css] 모바일에서 유튜브영상 높이 조정 (1) 디블 03-08 3256
140 [jquery] toggle 버튼 (1) 디블 02-22 2689
139 [jquery] 유투브 배너 디블 02-21 857
138 [jquery] 탭소스 (1) 디블 02-21 806
137 [jquery] 모바일에서 대메뉴 링크무시 디블 02-02 726
136 [css] cdn 아이콘 (3) 디블 10-17 995
 1  2  3  4  5  6  7  8  9  10  
디자인블랙 | 공세헌 | 부산 해운대구 중동 달맞이경동메르빌 104동 1607호 | 010-4577-5965
메일 : designblack@nate.com : 네이트온 : 10~18시
사업자등록번호 605-22-56543 | 통신판매신고 제 2008-부산진-0178호 | 이용약관
농협 : 177506-51-008469 : 공세헌