테스트 사이트 - 개발 중인 베타 버전입니다

고수님들의 팁 부탁드려요

· 11년 전 · 1456 · 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 만으로 도 가능합니다.
11년 전
감사해요 ㅡㅜ 전 디자인만하지 이쪽으로는 지식이 없어서요.. 정말 감사드립니다.
즐거운 추석보내시구요.. 다시한번 감사감사.. 오늘부터 열공하겠어요 ^0^

게시글 목록

번호 제목
6515
6512
6509
6504
6500
6490
6484
6476
6475
6473
6461
6457
6456
6454
6443
6438
6427
6424
6423
6414
6413
6411
6406
6405
6398