무슨 따로 자바 스크립트를 쓰는지 궁금하네요 ㅜㅜ 이런거 마이크로 사이트에서 자주 보는데 괜찮더라구요
플래시 액션 스크립트로 구성하는건가요?
댓글 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 예전에 작업한 티저 사이트가 이 방식으로 한 거죠.
단이 많아지고 움직이는 녀석이 늘어나면, 노가다의 힘이 필요합니다 (...)
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7130 | 11년 전 | 2304 | ||
| 7129 | 11년 전 | 710 | ||
| 7128 |
senseme
|
11년 전 | 1300 | |
| 7127 | 11년 전 | 1175 | ||
| 7126 | 11년 전 | 824 | ||
| 7125 | 11년 전 | 2953 | ||
| 7124 | 11년 전 | 1428 | ||
| 7123 |
잘살아보자
|
11년 전 | 1291 | |
| 7122 |
잘살아보자
|
11년 전 | 689 | |
| 7121 |
잘살아보자
|
11년 전 | 3050 | |
| 7120 |
잘살아보자
|
11년 전 | 2918 | |
| 7119 |
잘살아보자
|
11년 전 | 732 | |
| 7118 |
잘살아보자
|
11년 전 | 3433 | |
| 7117 |
잘살아보자
|
11년 전 | 853 | |
| 7116 | 11년 전 | 746 | ||
| 7115 | 11년 전 | 1035 | ||
| 7114 | 11년 전 | 852 | ||
| 7113 | 11년 전 | 667 | ||
| 7112 | 11년 전 | 1087 | ||
| 7111 | 11년 전 | 1800 | ||
| 7110 | 11년 전 | 1035 | ||
| 7109 |
버섯먹은나
|
11년 전 | 813 | |
| 7108 | 11년 전 | 648 | ||
| 7107 | 11년 전 | 2413 | ||
| 7106 | 11년 전 | 1962 | ||
| 7105 | 11년 전 | 2485 | ||
| 7104 | 11년 전 | 1425 | ||
| 7103 |
 돼지코구뇽 |
11년 전 | 2712 | |
| 7102 | 11년 전 | 3122 | ||
| 7101 | 11년 전 | 4446 | ||
| 7100 | 11년 전 | 5794 | ||
| 7099 | 11년 전 | 2143 | ||
| 7098 | 11년 전 | 1726 | ||
| 7097 | 11년 전 | 1464 | ||
| 7096 | 11년 전 | 1131 | ||
| 7095 |
잘살아보자
|
11년 전 | 859 | |
| 7094 |
잘살아보자
|
11년 전 | 1063 | |
| 7093 |
잘살아보자
|
11년 전 | 940 | |
| 7092 |
잘살아보자
|
11년 전 | 1413 | |
| 7091 |
잘살아보자
|
11년 전 | 2212 | |
| 7090 |
잘살아보자
|
11년 전 | 895 | |
| 7089 | 11년 전 | 1070 | ||
| 7088 | 11년 전 | 1715 | ||
| 7087 | 11년 전 | 1412 | ||
| 7086 | 11년 전 | 1314 | ||
| 7085 |
 Terrorboy |
11년 전 | 1239 | |
| 7084 | 11년 전 | 1157 | ||
| 7083 | 11년 전 | 3507 | ||
| 7082 | 11년 전 | 1155 | ||
| 7081 | 11년 전 | 1738 | ||
| 7080 | 11년 전 | 2025 | ||
| 7079 | 11년 전 | 1334 | ||
| 7078 | 11년 전 | 1305 | ||
| 7077 | 11년 전 | 1314 | ||
| 7076 | 11년 전 | 772 | ||
| 7075 | 11년 전 | 1155 | ||
| 7074 |
네이비칼라
|
11년 전 | 1510 | |
| 7073 | 11년 전 | 1480 | ||
| 7072 |
 ascii |
11년 전 | 836 | |
| 7071 | 11년 전 | 1211 | ||
| 7070 | 11년 전 | 935 | ||
| 7069 | 11년 전 | 1710 | ||
| 7068 | 11년 전 | 1367 | ||
| 7067 |
TPSint
|
11년 전 | 750 | |
| 7066 | 11년 전 | 2155 | ||
| 7065 | 11년 전 | 6653 | ||
| 7064 | 11년 전 | 1296 | ||
| 7063 | 11년 전 | 1141 | ||
| 7062 | 11년 전 | 1081 | ||
| 7061 | 11년 전 | 920 | ||
| 7060 | 11년 전 | 1476 | ||
| 7059 | 11년 전 | 886 | ||
| 7058 |
EngineMan
|
11년 전 | 3408 | |
| 7057 | 11년 전 | 1251 | ||
| 7056 | 11년 전 | 1641 | ||
| 7055 | 11년 전 | 1021 | ||
| 7054 | 11년 전 | 2660 | ||
| 7053 |
네이비칼라
|
11년 전 | 1290 | |
| 7052 | 11년 전 | 2584 | ||
| 7051 | 11년 전 | 1943 | ||
| 7050 | 11년 전 | 2457 | ||
| 7049 | 11년 전 | 1414 | ||
| 7048 | 11년 전 | 2540 | ||
| 7047 | 11년 전 | 1363 | ||
| 7046 | 11년 전 | 1042 | ||
| 7045 | 11년 전 | 1069 | ||
| 7044 | 11년 전 | 5441 | ||
| 7043 | 11년 전 | 1234 | ||
| 7042 | 11년 전 | 793 | ||
| 7041 |
열라뽕똬이
|
11년 전 | 763 | |
| 7040 | 11년 전 | 1118 | ||
| 7039 | 11년 전 | 1470 | ||
| 7038 | 11년 전 | 1881 | ||
| 7037 | 11년 전 | 2182 | ||
| 7036 | 11년 전 | 1089 | ||
| 7035 | 11년 전 | 1411 | ||
| 7034 | 11년 전 | 1364 | ||
| 7033 |
열라뽕똬이
|
11년 전 | 1001 | |
| 7032 | 11년 전 | 756 | ||
| 7031 | 11년 전 | 2188 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기