무슨 따로 자바 스크립트를 쓰는지 궁금하네요 ㅜㅜ 이런거 마이크로 사이트에서 자주 보는데 괜찮더라구요
플래시 액션 스크립트로 구성하는건가요?
댓글 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 예전에 작업한 티저 사이트가 이 방식으로 한 거죠.
단이 많아지고 움직이는 녀석이 늘어나면, 노가다의 힘이 필요합니다 (...)
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5630 | 13년 전 | 1073 | ||
| 5629 | 13년 전 | 2714 | ||
| 5628 | 13년 전 | 1288 | ||
| 5627 | 13년 전 | 1665 | ||
| 5626 | 13년 전 | 1294 | ||
| 5625 | 13년 전 | 1949 | ||
| 5624 | 13년 전 | 1367 | ||
| 5623 | 13년 전 | 952 | ||
| 5622 | 13년 전 | 426 | ||
| 5621 | 13년 전 | 13316 | ||
| 5620 | 13년 전 | 1194 | ||
| 5619 | 13년 전 | 3340 | ||
| 5618 | 13년 전 | 977 | ||
| 5617 | 13년 전 | 430 | ||
| 5616 | 13년 전 | 602 | ||
| 5615 |
Preware
|
13년 전 | 424 | |
| 5614 | 13년 전 | 555 | ||
| 5613 |
AMDbest
|
13년 전 | 4343 | |
| 5612 |
AMDbest
|
13년 전 | 6167 | |
| 5611 | 13년 전 | 882 | ||
| 5610 |
AMDbest
|
13년 전 | 4668 | |
| 5609 | 13년 전 | 970 | ||
| 5608 |
 TopSchooL |
13년 전 | 487 | |
| 5607 | 13년 전 | 656 | ||
| 5606 | 13년 전 | 473 | ||
| 5605 | 13년 전 | 371 | ||
| 5604 | 13년 전 | 609 | ||
| 5603 |
갑수엔터테인먼트
|
13년 전 | 770 | |
| 5602 | 13년 전 | 428 | ||
| 5601 | 13년 전 | 511 | ||
| 5600 | 13년 전 | 935 | ||
| 5599 | 13년 전 | 7470 | ||
| 5598 |
PHPㅡASP프로그래머
|
13년 전 | 2700 | |
| 5597 | 13년 전 | 404 | ||
| 5596 |
hoinV
|
13년 전 | 996 | |
| 5595 | 13년 전 | 923 | ||
| 5594 | 13년 전 | 1068 | ||
| 5593 | 13년 전 | 4944 | ||
| 5592 |
TopSchooL |
13년 전 | 390 | |
| 5591 | 13년 전 | 894 | ||
| 5590 |
PHPㅡASP프로그래머
|
13년 전 | 2309 | |
| 5589 | 13년 전 | 1943 | ||
| 5588 |
바다로가자
|
13년 전 | 1637 | |
| 5587 |
PHPㅡASP프로그래머
|
13년 전 | 1827 | |
| 5586 | 13년 전 | 2748 | ||
| 5585 | 13년 전 | 399 | ||
| 5584 | 13년 전 | 1877 | ||
| 5583 | 13년 전 | 1307 | ||
| 5582 |
바다로가자
|
13년 전 | 3098 | |
| 5581 |
 카카오툴즈 |
13년 전 | 3115 | |
| 5580 | 13년 전 | 923 | ||
| 5579 |
하하369
|
13년 전 | 3978 | |
| 5578 | 13년 전 | 1064 | ||
| 5577 | 13년 전 | 1238 | ||
| 5576 | 13년 전 | 1647 | ||
| 5575 |
가위바위보
|
13년 전 | 1599 | |
| 5574 |
danielle
|
13년 전 | 706 | |
| 5573 |
 palangsae |
13년 전 | 861 | |
| 5572 | 13년 전 | 2779 | ||
| 5571 | 13년 전 | 837 | ||
| 5570 | 13년 전 | 1424 | ||
| 5569 |
 byfun |
13년 전 | 2136 | |
| 5568 | 13년 전 | 1961 | ||
| 5567 | 13년 전 | 679 | ||
| 5566 |
 cshop |
13년 전 | 1312 | |
| 5565 | 13년 전 | 3672 | ||
| 5564 | 13년 전 | 923 | ||
| 5563 | 13년 전 | 1376 | ||
| 5562 | 13년 전 | 875 | ||
| 5561 | 13년 전 | 1045 | ||
| 5560 |
PHPㅡASP프로그래머
|
13년 전 | 1535 | |
| 5559 | 13년 전 | 634 | ||
| 5558 |
there007
|
13년 전 | 1553 | |
| 5557 | 13년 전 | 1188 | ||
| 5556 |
후라보노보노
|
13년 전 | 744 | |
| 5555 | 13년 전 | 9134 | ||
| 5554 | 13년 전 | 828 | ||
| 5553 |
가을이군요
|
13년 전 | 719 | |
| 5552 |
 스마트파인드 |
13년 전 | 793 | |
| 5551 | 13년 전 | 1512 | ||
| 5550 |
후라보노보노
|
13년 전 | 915 | |
| 5549 |
 junny |
13년 전 | 1015 | |
| 5548 | 13년 전 | 678 | ||
| 5547 | 13년 전 | 527 | ||
| 5546 | 13년 전 | 4610 | ||
| 5545 | 13년 전 | 909 | ||
| 5544 | 13년 전 | 1024 | ||
| 5543 | 13년 전 | 760 | ||
| 5542 | 13년 전 | 6633 | ||
| 5541 | 13년 전 | 807 | ||
| 5540 | 13년 전 | 1137 | ||
| 5539 | 13년 전 | 1118 | ||
| 5538 | 13년 전 | 2832 | ||
| 5537 | 13년 전 | 812 | ||
| 5536 | 13년 전 | 2709 | ||
| 5535 |
 직화오리팡야 |
13년 전 | 1214 | |
| 5534 | 13년 전 | 1772 | ||
| 5533 |
꿈꾸는인생
|
13년 전 | 1336 | |
| 5532 | 13년 전 | 1496 | ||
| 5531 | 13년 전 | 1712 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기