무슨 따로 자바 스크립트를 쓰는지 궁금하네요 ㅜㅜ 이런거 마이크로 사이트에서 자주 보는데 괜찮더라구요
플래시 액션 스크립트로 구성하는건가요?
댓글 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 예전에 작업한 티저 사이트가 이 방식으로 한 거죠.
단이 많아지고 움직이는 녀석이 늘어나면, 노가다의 힘이 필요합니다 (...)
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5430 | 13년 전 | 1462 | ||
| 5429 |
phpman
|
13년 전 | 870 | |
| 5428 | 13년 전 | 1257 | ||
| 5427 |
phpman
|
13년 전 | 854 | |
| 5426 |
PHPㅡASP프로그래머
|
13년 전 | 1091 | |
| 5425 | 13년 전 | 799 | ||
| 5424 | 13년 전 | 743 | ||
| 5423 | 13년 전 | 747 | ||
| 5422 | 13년 전 | 1840 | ||
| 5421 |
PHPㅡASP프로그래머
|
13년 전 | 810 | |
| 5420 |
 Jeco7 |
13년 전 | 1637 | |
| 5419 | 13년 전 | 830 | ||
| 5418 | 13년 전 | 715 | ||
| 5417 | 13년 전 | 639 | ||
| 5416 | 13년 전 | 999 | ||
| 5415 | 13년 전 | 792 | ||
| 5414 | 13년 전 | 738 | ||
| 5413 | 13년 전 | 819 | ||
| 5412 | 13년 전 | 1381 | ||
| 5411 | 13년 전 | 900 | ||
| 5410 | 13년 전 | 1293 | ||
| 5409 | 13년 전 | 4286 | ||
| 5408 | 13년 전 | 1003 | ||
| 5407 |
ckflower
|
13년 전 | 2453 | |
| 5406 |
ddokkani
|
13년 전 | 1404 | |
| 5405 | 13년 전 | 1607 | ||
| 5404 | 13년 전 | 684 | ||
| 5403 | 13년 전 | 717 | ||
| 5402 |
밤거리빵빵
|
13년 전 | 6033 | |
| 5401 |
PHPㅡASP프로그래머
|
13년 전 | 992 | |
| 5400 |
 cshop |
13년 전 | 1224 | |
| 5399 | 13년 전 | 5022 | ||
| 5398 |
부산아무개
|
13년 전 | 1673 | |
| 5397 | 13년 전 | 2468 | ||
| 5396 | 13년 전 | 1861 | ||
| 5395 | 13년 전 | 1070 | ||
| 5394 | 13년 전 | 1152 | ||
| 5393 | 13년 전 | 1059 | ||
| 5392 |
아르toria
|
13년 전 | 777 | |
| 5391 |
 아지야학교가자 |
13년 전 | 1158 | |
| 5390 |
디지털홍익인간
|
13년 전 | 7722 | |
| 5389 | 13년 전 | 3125 | ||
| 5388 | 13년 전 | 881 | ||
| 5387 |
WaaNee
|
13년 전 | 1923 | |
| 5386 | 13년 전 | 2119 | ||
| 5385 | 13년 전 | 4638 | ||
| 5384 | 13년 전 | 955 | ||
| 5383 | 13년 전 | 2149 | ||
| 5382 | 13년 전 | 680 | ||
| 5381 |
JacobJeon
|
13년 전 | 1097 | |
| 5380 | 13년 전 | 1148 | ||
| 5379 | 13년 전 | 689 | ||
| 5378 | 13년 전 | 10483 | ||
| 5377 | 13년 전 | 884 | ||
| 5376 | 13년 전 | 1469 | ||
| 5375 | 13년 전 | 851 | ||
| 5374 | 13년 전 | 856 | ||
| 5373 | 13년 전 | 2073 | ||
| 5372 | 13년 전 | 1703 | ||
| 5371 |
cshop |
13년 전 | 1651 | |
| 5370 | 13년 전 | 2916 | ||
| 5369 |
아자12345
|
13년 전 | 1025 | |
| 5368 | 13년 전 | 719 | ||
| 5367 | 13년 전 | 1098 | ||
| 5366 | 13년 전 | 2159 | ||
| 5365 | 13년 전 | 1577 | ||
| 5364 | 13년 전 | 1107 | ||
| 5363 |
cshop |
13년 전 | 1382 | |
| 5362 | 13년 전 | 838 | ||
| 5361 | 13년 전 | 1410 | ||
| 5360 | 13년 전 | 772 | ||
| 5359 | 13년 전 | 1410 | ||
| 5358 | 13년 전 | 1247 | ||
| 5357 | 13년 전 | 1647 | ||
| 5356 | 13년 전 | 1136 | ||
| 5355 |
techer
|
13년 전 | 1385 | |
| 5354 |
 몽키D팡야 |
13년 전 | 1037 | |
| 5353 | 13년 전 | 752 | ||
| 5352 | 13년 전 | 844 | ||
| 5351 | 13년 전 | 1224 | ||
| 5350 | 13년 전 | 755 | ||
| 5349 |
cshop |
13년 전 | 1445 | |
| 5348 | 13년 전 | 854 | ||
| 5347 | 13년 전 | 760 | ||
| 5346 | 13년 전 | 882 | ||
| 5345 | 13년 전 | 818 | ||
| 5344 |
후라보노보노
|
13년 전 | 1960 | |
| 5343 | 13년 전 | 1165 | ||
| 5342 | 13년 전 | 1131 | ||
| 5341 | 13년 전 | 2076 | ||
| 5340 |
 미운오리스키 |
13년 전 | 1120 | |
| 5339 |
AMDbest
|
13년 전 | 744 | |
| 5338 | 13년 전 | 739 | ||
| 5337 |
프로프리랜서
|
13년 전 | 1487 | |
| 5336 |
프로프리랜서
|
13년 전 | 933 | |
| 5335 | 13년 전 | 732 | ||
| 5334 |
cshop |
13년 전 | 983 | |
| 5333 | 13년 전 | 2849 | ||
| 5332 | 13년 전 | 1534 | ||
| 5331 | 13년 전 | 1334 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기