무슨 따로 자바 스크립트를 쓰는지 궁금하네요 ㅜㅜ 이런거 마이크로 사이트에서 자주 보는데 괜찮더라구요
플래시 액션 스크립트로 구성하는건가요?
댓글 4개
13년 전
위에 http://www.espoir.com 은 그냥 한페이지에 다 때려넣고 javascript 로 해당 위치에 도달했을 때 아래 네비게이션 활성 바꿔주는 식으로 만들 수 있을 거 같네요.
기아 사이트는 html5 + css3 이고, 다중배경을 쓴 거 같네요.
저도 초짜라... 추측만 ㅠ
기아 사이트는 html5 + css3 이고, 다중배경을 쓴 거 같네요.
저도 초짜라... 추측만 ㅠ
Maximus
13년 전
한 페이지에 anchor tag 을 이동하고 싶은 div 에 달아 주시고, jQuery 로 animate 해주면 됩니다.
이런식으로. $('html, body').animate({scrollTop: targetOffset}, 400);
그리고 윈도우를 크게 키웠을때 아래 div 가 보이지 않도록 각 div 의 height 을 충분히 잡아 주시구요.
이게 재미 있어서 저도 몇달전에 사이트 두개를 이렇게 만들어 봤는데, 디자인적으로 제약이 좀 생깁니다. 간단한 사이트에는 괜찮은데, 컨텐츠가 많이 들어가고 이러는 사이트에는 정말 아니더라구요....
이런식으로. $('html, body').animate({scrollTop: targetOffset}, 400);
그리고 윈도우를 크게 키웠을때 아래 div 가 보이지 않도록 각 div 의 height 을 충분히 잡아 주시구요.
이게 재미 있어서 저도 몇달전에 사이트 두개를 이렇게 만들어 봤는데, 디자인적으로 제약이 좀 생깁니다. 간단한 사이트에는 괜찮은데, 컨텐츠가 많이 들어가고 이러는 사이트에는 정말 아니더라구요....
ascii
13년 전
오홋 그렇군요 ㅎㅎ 감사합니다!!
13년 전
기아 K3 사이트의 경우엔, jQuery 등으로 window scroll 이벤트를 잡아서 window scrollTop 등을 이용해서 적절히 처리해주시면 됩니다.
http://j.mp/TXoBCy 예전에 작업한 티저 사이트가 이 방식으로 한 거죠.
단이 많아지고 움직이는 녀석이 늘어나면, 노가다의 힘이 필요합니다 (...)
http://j.mp/TXoBCy 예전에 작업한 티저 사이트가 이 방식으로 한 거죠.
단이 많아지고 움직이는 녀석이 늘어나면, 노가다의 힘이 필요합니다 (...)
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 530 |
 Elbis |
19년 전 | 1248 | |
| 529 |
Elbis |
19년 전 | 1435 | |
| 528 |
Elbis |
19년 전 | 1985 | |
| 527 |
사랑과우정
|
19년 전 | 2398 | |
| 526 | 19년 전 | 2880 | ||
| 525 |
 ⓦangcho |
19년 전 | 2313 | |
| 524 |
 damoa.biz |
19년 전 | 1819 | |
| 523 | 19년 전 | 7065 | ||
| 522 |
ⓦangcho |
19년 전 | 3742 | |
| 521 | 19년 전 | 2359 | ||
| 520 | 19년 전 | 2407 | ||
| 519 | 19년 전 | 2911 | ||
| 518 |
 jepae |
19년 전 | 5802 | |
| 517 |
jepae |
19년 전 | 5572 | |
| 516 |
jepae |
19년 전 | 2281 | |
| 515 |
jepae |
19년 전 | 3326 | |
| 514 | 19년 전 | 2881 | ||
| 513 | 19년 전 | 2233 | ||
| 512 |
개발자관리자
|
19년 전 | 2741 | |
| 511 |
개발자관리자
|
19년 전 | 1598 | |
| 510 |
개발자관리자
|
19년 전 | 1762 | |
| 509 |
개발자관리자
|
19년 전 | 1875 | |
| 508 |
개발자관리자
|
19년 전 | 2020 | |
| 507 |
개발자관리자
|
19년 전 | 1701 | |
| 506 |
개발자관리자
|
19년 전 | 1826 | |
| 505 |
개발자관리자
|
19년 전 | 1792 | |
| 504 |
개발자관리자
|
19년 전 | 1867 | |
| 503 |
개발자관리자
|
19년 전 | 1531 | |
| 502 |
개발자관리자
|
19년 전 | 2672 | |
| 501 | 19년 전 | 2021 | ||
| 500 | 19년 전 | 3250 | ||
| 499 | 19년 전 | 3279 | ||
| 498 | 19년 전 | 2536 | ||
| 497 | 19년 전 | 2610 | ||
| 496 | 19년 전 | 2466 | ||
| 495 | 19년 전 | 2712 | ||
| 494 | 19년 전 | 2689 | ||
| 493 | 19년 전 | 3205 | ||
| 492 | 19년 전 | 2916 | ||
| 491 | 19년 전 | 5340 | ||
| 490 |
Wangcho |
19년 전 | 2139 | |
| 489 |
Wangcho |
19년 전 | 2223 | |
| 488 |
Wangcho |
19년 전 | 2030 | |
| 487 |
Wangcho |
19년 전 | 1957 | |
| 486 |
Wangcho |
19년 전 | 1959 | |
| 485 |
Wangcho |
19년 전 | 2165 | |
| 484 |
뜨락의이름 |
19년 전 | 3230 | |
| 483 |
뜨락의이름 |
19년 전 | 3116 | |
| 482 |
뜨락의이름 |
19년 전 | 2872 | |
| 481 |
뜨락의이름 |
19년 전 | 2571 | |
| 480 |
뜨락의이름 |
19년 전 | 2645 | |
| 479 |
뜨락의이름 |
19년 전 | 2320 | |
| 478 |
뜨락의이름 |
19년 전 | 2347 | |
| 477 |
개발자관리자
|
19년 전 | 1611 | |
| 476 |
개발자관리자
|
19년 전 | 2322 | |
| 475 |
개발자관리자
|
19년 전 | 2673 | |
| 474 |
개발자관리자
|
19년 전 | 2675 | |
| 473 |
개발자관리자
|
19년 전 | 2988 | |
| 472 | 19년 전 | 2752 | ||
| 471 | 19년 전 | 1754 | ||
| 470 | 19년 전 | 1845 | ||
| 469 |
뜨락의이름 |
19년 전 | 2752 | |
| 468 |
jepae |
19년 전 | 2240 | |
| 467 |
뜨락의이름 |
19년 전 | 4011 | |
| 466 |
뜨락의이름 |
19년 전 | 2532 | |
| 465 | 19년 전 | 2396 | ||
| 464 | 19년 전 | 3543 | ||
| 463 |
뜨락의이름 |
19년 전 | 3113 | |
| 462 |
뜨락의이름 |
19년 전 | 2259 | |
| 461 |
뜨락의이름 |
19년 전 | 3052 | |
| 460 |
뜨락의이름 |
19년 전 | 2259 | |
| 459 |
뜨락의이름 |
19년 전 | 3132 | |
| 458 |
뜨락의이름 |
19년 전 | 3554 | |
| 457 |
뜨락의이름 |
19년 전 | 5228 | |
| 456 |
뜨락의이름 |
19년 전 | 3151 | |
| 455 |
스마일미디어
|
19년 전 | 3138 | |
| 454 |
스마일미디어
|
19년 전 | 2743 | |
| 453 |
스마일미디어
|
19년 전 | 2481 | |
| 452 |
스마일미디어
|
19년 전 | 2738 | |
| 451 |
스마일미디어
|
19년 전 | 2459 | |
| 450 |
스마일미디어
|
19년 전 | 2589 | |
| 449 |
스마일미디어
|
19년 전 | 2379 | |
| 448 |
스마일미디어
|
19년 전 | 2702 | |
| 447 | 19년 전 | 2970 | ||
| 446 |
스마일미디어
|
19년 전 | 3254 | |
| 445 |
스마일미디어
|
19년 전 | 7056 | |
| 444 |
스마일미디어
|
19년 전 | 5176 | |
| 443 |
스마일미디어
|
19년 전 | 2442 | |
| 442 |
스마일미디어
|
19년 전 | 5185 | |
| 441 |
스마일미디어
|
19년 전 | 3119 | |
| 440 |
damoa.biz |
19년 전 | 2488 | |
| 439 | 19년 전 | 2180 | ||
| 438 | 19년 전 | 3578 | ||
| 437 |
 imgstory |
19년 전 | 2875 | |
| 436 |
 cunic |
19년 전 | 3258 | |
| 435 |
cunic |
19년 전 | 2900 | |
| 434 | 19년 전 | 3397 | ||
| 433 |
sjsjin
|
19년 전 | 2729 | |
| 432 |
sjsjin
|
19년 전 | 3467 | |
| 431 |
sjsjin
|
19년 전 | 2431 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기