SIR
이전글 목록 다음글
다

고수님들의 팁 부탁드려요

다수미인
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 11년 전 · 1411 · 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,542
11년 전 조회 1,253
11년 전 조회 1,006
11년 전 조회 1,419
11년 전 조회 2,719
11년 전 조회 2,937
11년 전 조회 1,311
11년 전 조회 1,346
11년 전 조회 1,390
11년 전 조회 1,451
11년 전 조회 1,756
11년 전 조회 1,443
11년 전 조회 1,677
11년 전 조회 1,185
11년 전 조회 1,146
11년 전 조회 1,020
11년 전 조회 1,384
11년 전 조회 825
11년 전 조회 1,429
11년 전 조회 1,410
11년 전 조회 1,362
11년 전 조회 1,039
11년 전 조회 1,418
11년 전 조회 962
11년 전 조회 1,683
11년 전 조회 1,113
11년 전 조회 1,599
11년 전 조회 2,964
11년 전 조회 1,674
11년 전 조회 1,198
11년 전 조회 2,156
11년 전 조회 1,349
11년 전 조회 1,553
11년 전 조회 898
11년 전 조회 1,011
11년 전 조회 1,071
11년 전 조회 698
11년 전 조회 1,760
11년 전 조회 1,439
11년 전 조회 1,334
11년 전 조회 1,221
11년 전 조회 1,675
11년 전 조회 1,817
11년 전 조회 1.4만
11년 전 조회 1,198
11년 전 조회 2,728
11년 전 조회 1,206
11년 전 조회 2,279
11년 전 조회 1,067
11년 전 조회 1,412
11년 전 조회 1,208
11년 전 조회 1,946
11년 전 조회 2,225
11년 전 조회 1,320
11년 전 조회 790
11년 전 조회 3,859
11년 전 조회 1,988
11년 전 조회 1,015
11년 전 조회 955
11년 전 조회 1,067
11년 전 조회 7,434
11년 전 조회 1,651
11년 전 조회 1,143
11년 전 조회 1,045
11년 전 조회 1,037
11년 전 조회 891
11년 전 조회 1,907
11년 전 조회 1,168
11년 전 조회 2,915
11년 전 조회 1,435
11년 전 조회 1,022
11년 전 조회 2,898
11년 전 조회 6,419
11년 전 조회 1,066
11년 전 조회 1,028
11년 전 조회 9,817
11년 전 조회 1,191
11년 전 조회 1,119
11년 전 조회 909
11년 전 조회 5,981
11년 전 조회 4,326
11년 전 조회 4,150
11년 전 조회 3,619
11년 전 조회 3,691
11년 전 조회 2,979
11년 전 조회 3,062
11년 전 조회 1,245
11년 전 조회 1,423
11년 전 조회 1,112
11년 전 조회 3,578
11년 전 조회 1,594
11년 전 조회 1,209
11년 전 조회 2,891
11년 전 조회 4,721
11년 전 조회 1,970
11년 전 조회 1,326
11년 전 조회 1,943
11년 전 조회 1,122
11년 전 조회 1,120
11년 전 조회 1,031
이전 첫 페이지 다음
글쓰기