디자인도 겨우겨우 하는데 아래와 같이 구현할라니 힘드네요
소스라도 있으면 보고 할텐데 ㅡㅜ 혹시 아래와 같이 메뉴바기능있는 소스아시는분 부탁드립니다.
스크롤 내리면 상단에 메뉴바가 고정이되는거와 메뉴바
우측 항상 퀵메뉴들 고정시키는 세로바?
http://www.cnpmall.com/product/product_view.aspx?guid=4&parent2=22#nWrap
도와주세요 ㅡㅜ 3일째 삽질중이에요 ;
댓글 2개
HackYa
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 만으로 도 가능합니다.
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^
즐거운 추석보내시구요.. 다시한번 감사감사.. 오늘부터 열공하겠어요 ^0^
게시판 목록
디자인
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 466 | 14년 전 | 2233 | ||
| 465 |
 하루하루하루 |
14년 전 | 3714 | |
| 464 | 14년 전 | 1421 | ||
| 463 | 14년 전 | 1770 | ||
| 462 | 14년 전 | 878 | ||
| 461 | 14년 전 | 957 | ||
| 460 | 14년 전 | 1066 | ||
| 459 | 14년 전 | 929 | ||
| 458 | 14년 전 | 709 | ||
| 457 | 14년 전 | 1151 | ||
| 456 |
아름다운세상
|
14년 전 | 2177 | |
| 455 |
Raincommunication
|
14년 전 | 2606 | |
| 454 |
antiropy
|
14년 전 | 2138 | |
| 453 | 14년 전 | 1618 | ||
| 452 | 14년 전 | 1653 | ||
| 451 | 14년 전 | 911 | ||
| 450 |
 PHP개발 |
14년 전 | 1590 | |
| 449 | 14년 전 | 934 | ||
| 448 | 14년 전 | 1416 | ||
| 447 |
 chanbi |
14년 전 | 994 | |
| 446 | 14년 전 | 2867 | ||
| 445 |
acting1
|
14년 전 | 1409 | |
| 444 |
james
|
14년 전 | 2196 | |
| 443 | 14년 전 | 1510 | ||
| 442 | 14년 전 | 2530 | ||
| 441 | 14년 전 | 1084 | ||
| 440 | 14년 전 | 3051 | ||
| 439 |
qkrwuddl
|
14년 전 | 879 | |
| 438 | 14년 전 | 1010 | ||
| 437 |
chanbi |
14년 전 | 1642 | |
| 436 | 14년 전 | 904 | ||
| 435 | 14년 전 | 3049 | ||
| 434 | 14년 전 | 984 | ||
| 433 | 14년 전 | 879 | ||
| 432 | 14년 전 | 2640 | ||
| 431 | 14년 전 | 2126 | ||
| 430 | 14년 전 | 1055 | ||
| 429 |
드래그홈2
|
14년 전 | 1347 | |
| 428 | 14년 전 | 2836 | ||
| 427 | 14년 전 | 1945 | ||
| 426 | 14년 전 | 1111 | ||
| 425 |
ap639
|
14년 전 | 1611 | |
| 424 |
 이올디자인 |
14년 전 | 884 | |
| 423 | 14년 전 | 1298 | ||
| 422 |
징징대는거북이
|
14년 전 | 811 | |
| 421 | 14년 전 | 891 | ||
| 420 |
chanbi |
14년 전 | 1504 | |
| 419 | 14년 전 | 2267 | ||
| 418 | 14년 전 | 2861 | ||
| 417 | 14년 전 | 1869 | ||
| 416 |
 매직크레용 |
14년 전 | 2447 | |
| 415 | 14년 전 | 2045 | ||
| 414 | 14년 전 | 3511 | ||
| 413 | 14년 전 | 2927 | ||
| 412 |
린다이찡다이
|
14년 전 | 904 | |
| 411 | 14년 전 | 8560 | ||
| 410 |
sangFE
|
14년 전 | 816 | |
| 409 | 14년 전 | 1384 | ||
| 408 | 14년 전 | 4459 | ||
| 407 | 14년 전 | 1411 | ||
| 406 | 14년 전 | 991 | ||
| 405 |
호피무늬쫄티
|
14년 전 | 1219 | |
| 404 | 14년 전 | 1103 | ||
| 403 | 14년 전 | 1034 | ||
| 402 | 14년 전 | 4346 | ||
| 401 | 14년 전 | 3910 | ||
| 400 |
hades708
|
14년 전 | 983 | |
| 399 |
이올디자인 |
14년 전 | 1560 | |
| 398 |
 디자이너박 |
14년 전 | 1381 | |
| 397 |
 프로젝트C |
14년 전 | 811 | |
| 396 | 14년 전 | 4618 | ||
| 395 |
미래컴77
|
14년 전 | 2174 | |
| 394 | 14년 전 | 776 | ||
| 393 | 14년 전 | 1165 | ||
| 392 | 14년 전 | 820 | ||
| 391 |
Insungbyun
|
14년 전 | 603 | |
| 390 |
손이가요쉐깡 |
14년 전 | 1093 | |
| 389 | 14년 전 | 938 | ||
| 388 | 14년 전 | 915 | ||
| 387 |
어린왕자임
|
14년 전 | 4288 | |
| 386 |
어린왕자임
|
14년 전 | 2078 | |
| 385 |
 cirrus |
14년 전 | 884 | |
| 384 |
Insungbyun
|
14년 전 | 885 | |
| 383 | 14년 전 | 1578 | ||
| 382 | 14년 전 | 947 | ||
| 381 |
아빠는태그왕
|
14년 전 | 797 | |
| 380 | 14년 전 | 792 | ||
| 379 | 14년 전 | 1134 | ||
| 378 | 14년 전 | 788 | ||
| 377 |
cirrus |
14년 전 | 1342 | |
| 376 | 14년 전 | 1438 | ||
| 375 | 14년 전 | 755 | ||
| 374 | 14년 전 | 599 | ||
| 373 | 14년 전 | 944 | ||
| 372 | 14년 전 | 3578 | ||
| 371 | 14년 전 | 1310 | ||
| 370 |
 원숭이123 |
14년 전 | 1053 | |
| 369 | 14년 전 | 1054 | ||
| 368 |
 꽃미남웹코디님 |
14년 전 | 7127 | |
| 367 | 14년 전 | 831 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기