다

고수님들의 팁 부탁드려요

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

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

 

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

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

 

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

 

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

|

댓글 2개

우측 메뉴는 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 만으로 도 가능합니다.
감사해요 ㅡㅜ 전 디자인만하지 이쪽으로는 지식이 없어서요.. 정말 감사드립니다.
즐거운 추석보내시구요.. 다시한번 감사감사.. 오늘부터 열공하겠어요 ^0^
댓글을 작성하시려면 로그인이 필요합니다.

디자인

1,855건
+
제목 글쓴이 날짜 조회
15-02-03 조회 1,974
15-02-01 조회 1,571
15-01-30 조회 1,665
15-01-30 조회 1,325
15-01-29 조회 3,311
15-01-29 조회 1,675
15-01-28 조회 1,381
15-01-28 조회 2,794
15-01-26 조회 1,858
15-01-26 조회 2,356
15-01-26 조회 2,028
15-01-22 조회 1,333
15-01-20 조회 1,873
15-01-20 조회 2,060
15-01-20 조회 1,919
15-01-15 조회 3,287
15-01-15 조회 1,801
15-01-15 조회 1,774
15-01-14 조회 1,799
15-01-14 조회 1,379
15-01-11 조회 1,783
15-01-08 조회 2,069
15-01-07 조회 1,921
15-01-06 조회 1,687
15-01-01 조회 2,044
14-12-30 조회 2,017
14-12-24 조회 1,741
14-12-23 조회 1,470
14-12-18 조회 1,884
14-12-18 조회 3,274
14-12-17 조회 3,428
14-12-17 조회 1,793
14-12-16 조회 1,791
14-12-15 조회 1,852
14-12-12 조회 1,935
14-12-12 조회 2,211
14-12-12 조회 1,927
14-12-10 조회 2,151
14-12-10 조회 1,637
14-12-09 조회 1,616
14-12-06 조회 1,486
14-12-06 조회 1,881
14-12-05 조회 1,318
14-12-01 조회 1,911
14-11-25 조회 1,883
14-11-25 조회 1,965
14-11-19 조회 1,486
14-11-19 조회 1,879
14-11-19 조회 1,424
14-11-16 조회 2,132
14-11-06 조회 1,578
14-11-05 조회 2,057
14-11-01 조회 3,453
14-10-29 조회 2,101
14-10-29 조회 1,649
14-10-29 조회 2,626
14-10-29 조회 1,807
14-10-26 조회 2,042
14-10-25 조회 1,367
14-10-15 조회 1,484
14-10-13 조회 1,532
14-10-13 조회 1,128
14-10-07 조회 2,245
14-09-29 조회 1,902
14-09-29 조회 1,784
14-09-26 조회 1,685
14-09-25 조회 2,148
14-09-25 조회 2,295
14-09-24 조회 1.4만
14-09-24 조회 1,681
14-09-13 조회 3,191
14-09-13 조회 1,680
14-09-11 조회 2,829
14-09-05 조회 1,519
14-09-05 조회 1,874
14-09-03 조회 1,670
14-09-03 조회 2,430
14-09-01 조회 2,659
14-08-29 조회 1,767
14-08-29 조회 1,241
14-08-29 조회 4,542
14-08-29 조회 2,453
14-08-27 조회 1,443
14-08-19 조회 1,380
14-08-17 조회 1,498
14-08-14 조회 7,914
14-08-11 조회 2,094
14-08-08 조회 1,564
14-08-05 조회 1,470
14-08-05 조회 1,455
14-07-30 조회 1,323
14-07-29 조회 2,370
14-07-24 조회 1,610
14-07-21 조회 3,360
14-07-18 조회 1,881
14-07-18 조회 1,441
14-07-17 조회 3,361
14-07-16 조회 6,867
14-07-16 조회 1,498
14-07-16 조회 1,446