이전글 목록 다음글
다

고수님들의 팁 부탁드려요

다수미인
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 11년 전 · 1438 · 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,564
11년 전 조회 1,270
11년 전 조회 1,023
11년 전 조회 1,436
11년 전 조회 2,744
11년 전 조회 2,955
11년 전 조회 1,325
11년 전 조회 1,372
11년 전 조회 1,414
11년 전 조회 1,480
11년 전 조회 1,777
11년 전 조회 1,461
11년 전 조회 1,700
11년 전 조회 1,208
11년 전 조회 1,171
11년 전 조회 1,045
11년 전 조회 1,408
11년 전 조회 857
11년 전 조회 1,452
11년 전 조회 1,433
11년 전 조회 1,386
11년 전 조회 1,061
11년 전 조회 1,445
11년 전 조회 985
11년 전 조회 1,700
11년 전 조회 1,140
11년 전 조회 1,616
11년 전 조회 2,990
11년 전 조회 1,698
11년 전 조회 1,225
11년 전 조회 2,182
11년 전 조회 1,375
11년 전 조회 1,582
11년 전 조회 918
11년 전 조회 1,027
11년 전 조회 1,092
11년 전 조회 714
11년 전 조회 1,781
11년 전 조회 1,462
11년 전 조회 1,359
11년 전 조회 1,242
11년 전 조회 1,704
11년 전 조회 1,838
11년 전 조회 1.4만
11년 전 조회 1,217
11년 전 조회 2,743
11년 전 조회 1,232
11년 전 조회 2,294
11년 전 조회 1,086
11년 전 조회 1,439
11년 전 조회 1,233
11년 전 조회 1,963
11년 전 조회 2,257
11년 전 조회 1,341
11년 전 조회 817
11년 전 조회 3,880
11년 전 조회 2,012
11년 전 조회 1,031
11년 전 조회 976
11년 전 조회 1,087
11년 전 조회 7,457
11년 전 조회 1,677
11년 전 조회 1,166
11년 전 조회 1,065
11년 전 조회 1,058
11년 전 조회 909
11년 전 조회 1,927
11년 전 조회 1,185
11년 전 조회 2,933
11년 전 조회 1,455
11년 전 조회 1,038
11년 전 조회 2,916
11년 전 조회 6,439
11년 전 조회 1,085
11년 전 조회 1,043
11년 전 조회 9,835
11년 전 조회 1,207
11년 전 조회 1,133
11년 전 조회 931
11년 전 조회 6,005
11년 전 조회 4,349
11년 전 조회 4,176
11년 전 조회 3,633
11년 전 조회 3,707
11년 전 조회 2,994
11년 전 조회 3,080
11년 전 조회 1,262
11년 전 조회 1,438
11년 전 조회 1,133
11년 전 조회 3,592
11년 전 조회 1,612
11년 전 조회 1,229
11년 전 조회 2,905
11년 전 조회 4,732
11년 전 조회 1,985
11년 전 조회 1,341
11년 전 조회 1,956
11년 전 조회 1,141
11년 전 조회 1,140
11년 전 조회 1,046
이전 첫 페이지 다음
글쓰기