무슨 따로 자바 스크립트를 쓰는지 궁금하네요 ㅜㅜ 이런거 마이크로 사이트에서 자주 보는데 괜찮더라구요
플래시 액션 스크립트로 구성하는건가요?
댓글 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 예전에 작업한 티저 사이트가 이 방식으로 한 거죠.
단이 많아지고 움직이는 녀석이 늘어나면, 노가다의 힘이 필요합니다 (...)
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7930 | 9년 전 | 458 | ||
| 7929 | 9년 전 | 393 | ||
| 7928 | 9년 전 | 471 | ||
| 7927 | 9년 전 | 379 | ||
| 7926 | 9년 전 | 688 | ||
| 7925 | 9년 전 | 406 | ||
| 7924 | 9년 전 | 387 | ||
| 7923 | 9년 전 | 380 | ||
| 7922 | 9년 전 | 414 | ||
| 7921 | 9년 전 | 433 | ||
| 7920 | 9년 전 | 343 | ||
| 7919 | 9년 전 | 352 | ||
| 7918 | 9년 전 | 507 | ||
| 7917 | 9년 전 | 359 | ||
| 7916 | 9년 전 | 446 | ||
| 7915 | 9년 전 | 454 | ||
| 7914 | 9년 전 | 468 | ||
| 7913 | 9년 전 | 638 | ||
| 7912 | 9년 전 | 467 | ||
| 7911 | 9년 전 | 398 | ||
| 7910 | 9년 전 | 446 | ||
| 7909 | 9년 전 | 555 | ||
| 7908 | 9년 전 | 493 | ||
| 7907 | 9년 전 | 429 | ||
| 7906 | 9년 전 | 448 | ||
| 7905 | 9년 전 | 416 | ||
| 7904 | 9년 전 | 405 | ||
| 7903 | 9년 전 | 403 | ||
| 7902 | 9년 전 | 593 | ||
| 7901 |
 돼지코구뇽 |
9년 전 | 767 | |
| 7900 | 9년 전 | 650 | ||
| 7899 | 9년 전 | 431 | ||
| 7898 | 9년 전 | 429 | ||
| 7897 | 9년 전 | 389 | ||
| 7896 | 9년 전 | 407 | ||
| 7895 | 9년 전 | 523 | ||
| 7894 | 9년 전 | 435 | ||
| 7893 | 9년 전 | 407 | ||
| 7892 | 9년 전 | 446 | ||
| 7891 | 9년 전 | 808 | ||
| 7890 | 9년 전 | 1231 | ||
| 7889 | 9년 전 | 766 | ||
| 7888 |
limsy1987
|
9년 전 | 578 | |
| 7887 | 9년 전 | 612 | ||
| 7886 | 9년 전 | 501 | ||
| 7885 | 9년 전 | 469 | ||
| 7884 | 9년 전 | 461 | ||
| 7883 | 9년 전 | 471 | ||
| 7882 | 9년 전 | 526 | ||
| 7881 | 9년 전 | 500 | ||
| 7880 | 9년 전 | 621 | ||
| 7879 | 9년 전 | 508 | ||
| 7878 | 9년 전 | 1279 | ||
| 7877 | 9년 전 | 810 | ||
| 7876 | 9년 전 | 549 | ||
| 7875 | 9년 전 | 615 | ||
| 7874 |
 뜨거운형제들 |
9년 전 | 830 | |
| 7873 | 9년 전 | 552 | ||
| 7872 | 9년 전 | 717 | ||
| 7871 | 9년 전 | 530 | ||
| 7870 | 9년 전 | 649 | ||
| 7869 | 9년 전 | 470 | ||
| 7868 | 9년 전 | 505 | ||
| 7867 | 9년 전 | 503 | ||
| 7866 | 9년 전 | 566 | ||
| 7865 | 9년 전 | 506 | ||
| 7864 | 9년 전 | 569 | ||
| 7863 | 9년 전 | 557 | ||
| 7862 | 9년 전 | 521 | ||
| 7861 | 9년 전 | 692 | ||
| 7860 | 9년 전 | 669 | ||
| 7859 | 9년 전 | 444 | ||
| 7858 | 9년 전 | 751 | ||
| 7857 | 9년 전 | 1139 | ||
| 7856 | 9년 전 | 570 | ||
| 7855 | 9년 전 | 802 | ||
| 7854 | 9년 전 | 754 | ||
| 7853 | 9년 전 | 650 | ||
| 7852 | 9년 전 | 567 | ||
| 7851 | 9년 전 | 560 | ||
| 7850 | 9년 전 | 637 | ||
| 7849 | 9년 전 | 401 | ||
| 7848 | 9년 전 | 470 | ||
| 7847 | 9년 전 | 715 | ||
| 7846 | 9년 전 | 501 | ||
| 7845 | 9년 전 | 468 | ||
| 7844 | 9년 전 | 439 | ||
| 7843 | 9년 전 | 479 | ||
| 7842 | 9년 전 | 463 | ||
| 7841 | 9년 전 | 430 | ||
| 7840 | 9년 전 | 445 | ||
| 7839 | 9년 전 | 487 | ||
| 7838 | 10년 전 | 555 | ||
| 7837 | 10년 전 | 385 | ||
| 7836 | 10년 전 | 443 | ||
| 7835 | 10년 전 | 521 | ||
| 7834 |
 ABC디자인 |
10년 전 | 1228 | |
| 7833 | 10년 전 | 488 | ||
| 7832 | 10년 전 | 463 | ||
| 7831 | 10년 전 | 624 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기