무슨 따로 자바 스크립트를 쓰는지 궁금하네요 ㅜㅜ 이런거 마이크로 사이트에서 자주 보는데 괜찮더라구요
플래시 액션 스크립트로 구성하는건가요?
댓글 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 예전에 작업한 티저 사이트가 이 방식으로 한 거죠.
단이 많아지고 움직이는 녀석이 늘어나면, 노가다의 힘이 필요합니다 (...)
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1030 | 18년 전 | 1792 | ||
| 1029 | 18년 전 | 2227 | ||
| 1028 | 18년 전 | 2634 | ||
| 1027 | 18년 전 | 1797 | ||
| 1026 | 18년 전 | 1536 | ||
| 1025 | 18년 전 | 1545 | ||
| 1024 | 18년 전 | 1470 | ||
| 1023 | 18년 전 | 3231 | ||
| 1022 | 18년 전 | 2919 | ||
| 1021 | 18년 전 | 1680 | ||
| 1020 | 18년 전 | 3420 | ||
| 1019 | 18년 전 | 1846 | ||
| 1018 | 18년 전 | 1498 | ||
| 1017 | 18년 전 | 1962 | ||
| 1016 | 18년 전 | 2102 | ||
| 1015 | 18년 전 | 1642 | ||
| 1014 | 18년 전 | 2352 | ||
| 1013 | 18년 전 | 2007 | ||
| 1012 | 18년 전 | 1631 | ||
| 1011 | 18년 전 | 1788 | ||
| 1010 | 18년 전 | 2044 | ||
| 1009 | 18년 전 | 1808 | ||
| 1008 | 18년 전 | 1625 | ||
| 1007 | 18년 전 | 1670 | ||
| 1006 | 18년 전 | 3140 | ||
| 1005 | 18년 전 | 2006 | ||
| 1004 | 18년 전 | 1876 | ||
| 1003 | 18년 전 | 4372 | ||
| 1002 | 18년 전 | 4998 | ||
| 1001 | 18년 전 | 3168 | ||
| 1000 | 18년 전 | 2917 | ||
| 999 | 18년 전 | 3506 | ||
| 998 | 18년 전 | 2055 | ||
| 997 | 18년 전 | 2417 | ||
| 996 | 19년 전 | 2706 | ||
| 995 | 19년 전 | 2764 | ||
| 994 | 19년 전 | 2354 | ||
| 993 | 19년 전 | 1620 | ||
| 992 | 19년 전 | 3383 | ||
| 991 | 19년 전 | 1997 | ||
| 990 | 19년 전 | 2393 | ||
| 989 | 19년 전 | 2464 | ||
| 988 | 19년 전 | 2892 | ||
| 987 | 19년 전 | 5225 | ||
| 986 |
 드렁크수달스 |
19년 전 | 2500 | |
| 985 |
드렁크수달스 |
19년 전 | 3350 | |
| 984 | 19년 전 | 4280 | ||
| 983 |
느낌좋은날
|
19년 전 | 2509 | |
| 982 | 19년 전 | 2475 | ||
| 981 | 19년 전 | 4044 | ||
| 980 | 19년 전 | 2752 | ||
| 979 |
Sinpre
|
19년 전 | 3001 | |
| 978 | 19년 전 | 2211 | ||
| 977 | 19년 전 | 2225 | ||
| 976 | 19년 전 | 1995 | ||
| 975 | 19년 전 | 3276 | ||
| 974 | 19년 전 | 2111 | ||
| 973 |
 MCLUB |
19년 전 | 2797 | |
| 972 |
MCLUB |
19년 전 | 1750 | |
| 971 | 19년 전 | 5324 | ||
| 970 | 19년 전 | 3581 | ||
| 969 | 19년 전 | 4328 | ||
| 968 | 19년 전 | 3071 | ||
| 967 | 19년 전 | 2529 | ||
| 966 | 19년 전 | 3931 | ||
| 965 | 19년 전 | 2665 | ||
| 964 | 19년 전 | 3002 | ||
| 963 | 19년 전 | 2972 | ||
| 962 | 19년 전 | 4189 | ||
| 961 | 19년 전 | 3133 | ||
| 960 | 19년 전 | 3028 | ||
| 959 | 19년 전 | 3684 | ||
| 958 | 19년 전 | 2980 | ||
| 957 | 19년 전 | 2195 | ||
| 956 | 19년 전 | 2227 | ||
| 955 | 19년 전 | 2182 | ||
| 954 | 19년 전 | 2772 | ||
| 953 | 19년 전 | 2483 | ||
| 952 | 19년 전 | 3354 | ||
| 951 | 19년 전 | 3213 | ||
| 950 | 19년 전 | 1828 | ||
| 949 | 19년 전 | 2741 | ||
| 948 | 19년 전 | 7830 | ||
| 947 |
 두루굳센™ |
19년 전 | 2504 | |
| 946 |
DeepnBlue
|
19년 전 | 3115 | |
| 945 |
pearly
|
19년 전 | 2889 | |
| 944 | 19년 전 | 3030 | ||
| 943 |
 AGAWEB |
19년 전 | 2237 | |
| 942 | 19년 전 | 2455 | ||
| 941 |
AGAWEB |
19년 전 | 4080 | |
| 940 | 19년 전 | 2235 | ||
| 939 |
AGAWEB |
19년 전 | 4222 | |
| 938 |
AGAWEB |
19년 전 | 2387 | |
| 937 | 19년 전 | 2087 | ||
| 936 |
AGAWEB |
19년 전 | 2332 | |
| 935 | 19년 전 | 1880 | ||
| 934 |
AGAWEB |
19년 전 | 2413 | |
| 933 | 19년 전 | 2207 | ||
| 932 |
AGAWEB |
19년 전 | 3078 | |
| 931 | 19년 전 | 1866 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기