SIR
다

고수님들의 팁 부탁드려요

다수미인
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 11년 전 · 1364 · 2

디자인도 겨우겨우 하는데 아래와 같이 구현할라니 힘드네요

소스라도 있으면 보고 할텐데 ㅡㅜ 혹시 아래와 같이 메뉴바기능있는 소스아시는분 부탁드립니다.

 

스크롤 내리면 상단에 메뉴바가 고정이되는거와 메뉴바

우측 항상 퀵메뉴들 고정시키는 세로바?

 

http://www.cnpmall.com/product/product_view.aspx?guid=4&parent2=22#nWrap 

 

도와주세요 ㅡㅜ 3일째 삽질중이에요 ;

#디자이너톡
|
글쓰기

댓글 2개

HHackYa
프로필 보기이 회원 글보기이 회원의 댓글보기
 11년 전
우측 메뉴는 css 의 position: fixed; 로 고정시키시면되고, 마우스 hover 시 왼쪽으로 슬라이드 하게 하시려면 jQuery 로 이렇게 하시면 됩니다.

http://jsfiddle.net/PXLJG/7/

스크롤시 상단메뉴 고정은

//top stick menu scroll
jQuery(window).scroll(function () {
if (jQuery(window).scrollTop() >= 88) {
jQuery('#navigation').addClass('fixed');
} else {
jQuery('#navigation').removeClass('fixed');
}
});

이런식으로... 우축메뉴는 항시 고정되어 있지만, 상단메뉴는 if else 문으로 상황에 따라서 고정된 class 를 더하거나 빼거나, 이 부분만 두 메뉴가 다른겁니다.)

원하시는 모든 기능이 공교롭게 제가 몇년전 한번씩 다 짜봤던거네요.

여기 종합세트로 다 들어 있습니다.

http://hackya.com/ko/

http://hackya.com/ko/wp-content/themes/boingo/js/customscript.js?ver=3.9.2

지금 다시 다 짜라고 하면, jQuery 를 전혀 쓰지 않고, css (scss) 만으로 님이 원하시는 저 페이지에 동적인 부분을 다 짤수 있겠네요.*

참 세월좋아졌습니다. ㅎㅎㅎ

*css 나 jQuery 에 대한 지식이 전혀 없으시면 공부를 조금 하셔보세요. 물론 무작정 삽질하시다 보면 구축하실 수 도 있겠지만, 더 효율적인 방법은 체계적으로 공부를 약간 해보시는 것 입니다.

저걸 3일을 삽질하시다니요? ㅠㅠㅠㅠ 15분도 안걸려서 다 짤수 있는건데....

* 좀어렵지만 @if @else 로 jQuery 없이 조건부적 상단메뉴 고정 구현 scss 만으로 도 가능합니다.
다다수미인
프로필 보기이 회원 글보기이 회원의 댓글보기
 11년 전
감사해요 ㅡㅜ 전 디자인만하지 이쪽으로는 지식이 없어서요.. 정말 감사드립니다.
즐거운 추석보내시구요.. 다시한번 감사감사.. 오늘부터 열공하겠어요 ^0^
이전글목록다음글
댓글을 작성하시려면 로그인이 필요합니다. 로그인

디자인

태그 필터 (최대 3개) 전체 디자이너톡 포토샵 플래시 기타 일러스트 디자이너팁 폰트문의 저작권상담 디자인시안 외부로그인 게시판 최근게시물 회원가입 회원통합스킨 갤러리 일반 스크랩 로그인 전체검색 달력 폼메일 최신글 접속자 설문조사 쪽지 패스워드찾기 우편번호 디자인 레이아웃 추천사이트
+
제목 글쓴이 날짜 조회
11년 전 조회 1,500
11년 전 조회 1,206
11년 전 조회 945
11년 전 조회 1,380
11년 전 조회 2,679
11년 전 조회 2,898
11년 전 조회 1,254
11년 전 조회 1,298
11년 전 조회 1,342
11년 전 조회 1,403
11년 전 조회 1,715
11년 전 조회 1,392
11년 전 조회 1,622
11년 전 조회 1,122
11년 전 조회 1,102
11년 전 조회 967
11년 전 조회 1,340
11년 전 조회 785
11년 전 조회 1,373
11년 전 조회 1,345
11년 전 조회 1,306
11년 전 조회 996
11년 전 조회 1,366
11년 전 조회 911
11년 전 조회 1,624
11년 전 조회 1,067
11년 전 조회 1,539
11년 전 조회 2,929
11년 전 조회 1,622
11년 전 조회 1,149
11년 전 조회 2,101
11년 전 조회 1,296
11년 전 조회 1,508
11년 전 조회 847
11년 전 조회 958
11년 전 조회 1,020
11년 전 조회 646
11년 전 조회 1,706
11년 전 조회 1,394
11년 전 조회 1,291
11년 전 조회 1,172
11년 전 조회 1,617
11년 전 조회 1,772
11년 전 조회 1.4만
11년 전 조회 1,153
11년 전 조회 2,689
11년 전 조회 1,173
11년 전 조회 2,230
11년 전 조회 1,018
11년 전 조회 1,365
11년 전 조회 1,157
11년 전 조회 1,897
11년 전 조회 2,179
11년 전 조회 1,277
11년 전 조회 753
11년 전 조회 3,803
11년 전 조회 1,945
11년 전 조회 976
11년 전 조회 902
11년 전 조회 1,020
11년 전 조회 7,387
11년 전 조회 1,605
11년 전 조회 1,075
11년 전 조회 985
11년 전 조회 997
11년 전 조회 840
11년 전 조회 1,849
11년 전 조회 1,118
11년 전 조회 2,849
11년 전 조회 1,392
11년 전 조회 963
11년 전 조회 2,838
11년 전 조회 6,358
11년 전 조회 1,022
11년 전 조회 970
11년 전 조회 9,761
11년 전 조회 1,125
11년 전 조회 1,071
11년 전 조회 847
11년 전 조회 5,923
11년 전 조회 4,269
11년 전 조회 4,110
11년 전 조회 3,563
11년 전 조회 3,644
11년 전 조회 2,920
11년 전 조회 3,018
11년 전 조회 1,191
11년 전 조회 1,367
11년 전 조회 1,058
11년 전 조회 3,522
11년 전 조회 1,538
11년 전 조회 1,149
11년 전 조회 2,828
11년 전 조회 4,665
11년 전 조회 1,916
11년 전 조회 1,286
11년 전 조회 1,889
11년 전 조회 1,071
11년 전 조회 1,072
11년 전 조회 971
이전 첫 페이지 다음
글쓰기
🐛 버그신고