무슨 따로 자바 스크립트를 쓰는지 궁금하네요 ㅜㅜ 이런거 마이크로 사이트에서 자주 보는데 괜찮더라구요
플래시 액션 스크립트로 구성하는건가요?
댓글 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 예전에 작업한 티저 사이트가 이 방식으로 한 거죠.
단이 많아지고 움직이는 녀석이 늘어나면, 노가다의 힘이 필요합니다 (...)
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6230 |
senseme
|
12년 전 | 1057 | |
| 6229 |
senseme
|
12년 전 | 1077 | |
| 6228 | 12년 전 | 4441 | ||
| 6227 |
senseme
|
12년 전 | 1495 | |
| 6226 |
senseme
|
12년 전 | 1642 | |
| 6225 | 12년 전 | 5499 | ||
| 6224 | 12년 전 | 3270 | ||
| 6223 |
kiplayer
|
12년 전 | 2140 | |
| 6222 | 12년 전 | 1301 | ||
| 6221 | 12년 전 | 3492 | ||
| 6220 | 12년 전 | 2514 | ||
| 6219 | 12년 전 | 2227 | ||
| 6218 |
senseme
|
12년 전 | 1842 | |
| 6217 |
senseme
|
12년 전 | 1532 | |
| 6216 |
senseme
|
12년 전 | 1529 | |
| 6215 |
senseme
|
12년 전 | 1283 | |
| 6214 | 12년 전 | 2397 | ||
| 6213 |
senseme
|
12년 전 | 1670 | |
| 6212 |
senseme
|
12년 전 | 1343 | |
| 6211 |
senseme
|
12년 전 | 2429 | |
| 6210 |
senseme
|
12년 전 | 1611 | |
| 6209 | 12년 전 | 2219 | ||
| 6208 | 12년 전 | 3442 | ||
| 6207 | 12년 전 | 1223 | ||
| 6206 |
senseme
|
12년 전 | 2197 | |
| 6205 | 12년 전 | 1036 | ||
| 6204 |
kiplayer
|
12년 전 | 1528 | |
| 6203 |
senseme
|
12년 전 | 2121 | |
| 6202 |
senseme
|
12년 전 | 1753 | |
| 6201 |
senseme
|
12년 전 | 4567 | |
| 6200 |
senseme
|
12년 전 | 2664 | |
| 6199 |
senseme
|
12년 전 | 2829 | |
| 6198 |
senseme
|
12년 전 | 1234 | |
| 6197 |
senseme
|
12년 전 | 8551 | |
| 6196 |
senseme
|
12년 전 | 3341 | |
| 6195 | 12년 전 | 1434 | ||
| 6194 |
 스위치79 |
12년 전 | 1290 | |
| 6193 |
senseme
|
12년 전 | 2694 | |
| 6192 |
senseme
|
12년 전 | 5363 | |
| 6191 |
senseme
|
12년 전 | 3415 | |
| 6190 | 12년 전 | 1342 | ||
| 6189 | 12년 전 | 13499 | ||
| 6188 |
웹디자인되고파
|
12년 전 | 1207 | |
| 6187 | 12년 전 | 623 | ||
| 6186 | 12년 전 | 3934 | ||
| 6185 | 12년 전 | 1472 | ||
| 6184 | 12년 전 | 9378 | ||
| 6183 | 12년 전 | 793 | ||
| 6182 |
senseme
|
12년 전 | 1239 | |
| 6181 |
senseme
|
12년 전 | 3223 | |
| 6180 |
senseme
|
12년 전 | 853 | |
| 6179 |
senseme
|
12년 전 | 1765 | |
| 6178 | 12년 전 | 3631 | ||
| 6177 | 12년 전 | 1064 | ||
| 6176 | 12년 전 | 954 | ||
| 6175 |
senseme
|
12년 전 | 5301 | |
| 6174 |
senseme
|
12년 전 | 1428 | |
| 6173 |
senseme
|
12년 전 | 752 | |
| 6172 |
senseme
|
12년 전 | 2741 | |
| 6171 |
senseme
|
12년 전 | 2484 | |
| 6170 |
senseme
|
12년 전 | 1502 | |
| 6169 |
senseme
|
12년 전 | 2928 | |
| 6168 |
senseme
|
12년 전 | 6535 | |
| 6167 | 12년 전 | 2136 | ||
| 6166 | 12년 전 | 746 | ||
| 6165 |
페이지팩트
|
12년 전 | 1904 | |
| 6164 |
네오soft
|
12년 전 | 1856 | |
| 6163 |
 엘남매아빠 |
12년 전 | 2606 | |
| 6162 | 12년 전 | 590 | ||
| 6161 |
엘남매아빠 |
12년 전 | 1690 | |
| 6160 | 12년 전 | 768 | ||
| 6159 | 12년 전 | 1777 | ||
| 6158 |
스위치79 |
12년 전 | 2681 | |
| 6157 |
sa2pan
|
12년 전 | 1244 | |
| 6156 | 12년 전 | 3891 | ||
| 6155 | 12년 전 | 9963 | ||
| 6154 | 12년 전 | 1124 | ||
| 6153 | 12년 전 | 2453 | ||
| 6152 |
생각보다몸이앞서다
|
12년 전 | 2122 | |
| 6151 | 12년 전 | 2975 | ||
| 6150 |
kiplayer
|
12년 전 | 6006 | |
| 6149 |
스위치79 |
12년 전 | 2646 | |
| 6148 | 12년 전 | 2969 | ||
| 6147 |
hwang007
|
12년 전 | 953 | |
| 6146 |
aqqasdf
|
12년 전 | 770 | |
| 6145 | 12년 전 | 1862 | ||
| 6144 | 12년 전 | 5878 | ||
| 6143 |
smwkd
|
12년 전 | 1462 | |
| 6142 | 12년 전 | 4700 | ||
| 6141 | 12년 전 | 929 | ||
| 6140 | 12년 전 | 4095 | ||
| 6139 | 12년 전 | 1241 | ||
| 6138 | 12년 전 | 1095 | ||
| 6137 |
SugarSkull
|
12년 전 | 1680 | |
| 6136 | 12년 전 | 1307 | ||
| 6135 |
한번잘해보자
|
12년 전 | 562 | |
| 6134 |
프리랜서개발자
|
12년 전 | 537 | |
| 6133 |
basaria
|
12년 전 | 20443 | |
| 6132 | 12년 전 | 506 | ||
| 6131 | 12년 전 | 1085 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기