다

고수님들의 팁 부탁드려요

· 2014-09-05 (금) 05:10:04 · 1861 · 2

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

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

 

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

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

 

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

디자인

1,855건
+
제목 글쓴이 날짜 조회
15-02-03 조회 1,965
15-02-01 조회 1,566
15-01-30 조회 1,659
15-01-30 조회 1,318
15-01-29 조회 3,306
15-01-29 조회 1,668
15-01-28 조회 1,374
15-01-28 조회 2,784
15-01-26 조회 1,845
15-01-26 조회 2,332
15-01-26 조회 2,014
15-01-22 조회 1,321
15-01-20 조회 1,861
15-01-20 조회 2,045
15-01-20 조회 1,909
15-01-15 조회 3,263
15-01-15 조회 1,780
15-01-15 조회 1,763
15-01-14 조회 1,786
15-01-14 조회 1,365
15-01-11 조회 1,772
15-01-08 조회 2,059
15-01-07 조회 1,912
15-01-06 조회 1,679
15-01-01 조회 2,036
14-12-30 조회 2,003
14-12-24 조회 1,724
14-12-23 조회 1,460
14-12-18 조회 1,872
14-12-18 조회 3,258
14-12-17 조회 3,408
14-12-17 조회 1,780
14-12-16 조회 1,783
14-12-15 조회 1,841
14-12-12 조회 1,926
14-12-12 조회 2,200
14-12-12 조회 1,916
14-12-10 조회 2,140
14-12-10 조회 1,626
14-12-09 조회 1,604
14-12-06 조회 1,476
14-12-06 조회 1,864
14-12-05 조회 1,307
14-12-01 조회 1,898
14-11-25 조회 1,871
14-11-25 조회 1,923
14-11-19 조회 1,471
14-11-19 조회 1,864
14-11-19 조회 1,414
14-11-16 조회 2,125
14-11-06 조회 1,566
14-11-05 조회 2,044
14-11-01 조회 3,442
14-10-29 조회 2,090
14-10-29 조회 1,637
14-10-29 조회 2,614
14-10-29 조회 1,795
14-10-26 조회 2,034
14-10-25 조회 1,355
14-10-15 조회 1,473
14-10-13 조회 1,518
14-10-13 조회 1,122
14-10-07 조회 2,232
14-09-29 조회 1,894
14-09-29 조회 1,767
14-09-26 조회 1,672
14-09-25 조회 2,139
14-09-25 조회 2,275
14-09-24 조회 1.4만
14-09-24 조회 1,664
14-09-13 조회 3,186
14-09-13 조회 1,670
14-09-11 조회 2,820
14-09-05 조회 1,500
14-09-05 조회 1,862
14-09-03 조회 1,657
14-09-03 조회 2,419
14-09-01 조회 2,648
14-08-29 조회 1,757
14-08-29 조회 1,227
14-08-29 조회 4,501
14-08-29 조회 2,444
14-08-27 조회 1,433
14-08-19 조회 1,367
14-08-17 조회 1,485
14-08-14 조회 7,893
14-08-11 조회 2,080
14-08-08 조회 1,554
14-08-05 조회 1,456
14-08-05 조회 1,443
14-07-30 조회 1,309
14-07-29 조회 2,363
14-07-24 조회 1,606
14-07-21 조회 3,339
14-07-18 조회 1,871
14-07-18 조회 1,429
14-07-17 조회 3,338
14-07-16 조회 6,846
14-07-16 조회 1,482
14-07-16 조회 1,432