무슨 따로 자바 스크립트를 쓰는지 궁금하네요 ㅜㅜ 이런거 마이크로 사이트에서 자주 보는데 괜찮더라구요
플래시 액션 스크립트로 구성하는건가요?
댓글 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 예전에 작업한 티저 사이트가 이 방식으로 한 거죠.
단이 많아지고 움직이는 녀석이 늘어나면, 노가다의 힘이 필요합니다 (...)
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6030 | 12년 전 | 2826 | ||
| 6029 | 12년 전 | 2850 | ||
| 6028 | 12년 전 | 1475 | ||
| 6027 | 12년 전 | 894 | ||
| 6026 |
kiplayer
|
12년 전 | 802 | |
| 6025 | 12년 전 | 607 | ||
| 6024 | 12년 전 | 2814 | ||
| 6023 | 12년 전 | 2953 | ||
| 6022 |
 울랄라커뮤니케이션스 |
12년 전 | 2109 | |
| 6021 |
Holyreign
|
12년 전 | 1339 | |
| 6020 | 12년 전 | 786 | ||
| 6019 | 12년 전 | 2862 | ||
| 6018 | 12년 전 | 3193 | ||
| 6017 | 12년 전 | 1242 | ||
| 6016 |
kiplayer
|
12년 전 | 10579 | |
| 6015 |
itlang
|
12년 전 | 1424 | |
| 6014 | 12년 전 | 426 | ||
| 6013 |
senseme
|
12년 전 | 1365 | |
| 6012 | 12년 전 | 3115 | ||
| 6011 | 12년 전 | 7132 | ||
| 6010 | 12년 전 | 8965 | ||
| 6009 | 12년 전 | 2870 | ||
| 6008 | 12년 전 | 2993 | ||
| 6007 | 12년 전 | 6678 | ||
| 6006 | 12년 전 | 10517 | ||
| 6005 | 12년 전 | 4055 | ||
| 6004 |
 byfun |
12년 전 | 585 | |
| 6003 | 12년 전 | 887 | ||
| 6002 | 12년 전 | 2353 | ||
| 6001 | 12년 전 | 688 | ||
| 6000 |
kiplayer
|
12년 전 | 3742 | |
| 5999 | 12년 전 | 438 | ||
| 5998 |
울랄라커뮤니케이션스 |
12년 전 | 2943 | |
| 5997 |
울랄라커뮤니케이션스 |
12년 전 | 3442 | |
| 5996 | 12년 전 | 2095 | ||
| 5995 |
kiplayer
|
12년 전 | 2174 | |
| 5994 |
울랄라커뮤니케이션스 |
12년 전 | 3270 | |
| 5993 |
windowhan
|
12년 전 | 677 | |
| 5992 | 12년 전 | 2904 | ||
| 5991 | 12년 전 | 5235 | ||
| 5990 | 12년 전 | 1643 | ||
| 5989 |
AMDbest
|
12년 전 | 1352 | |
| 5988 | 12년 전 | 1220 | ||
| 5987 |
kiplayer
|
12년 전 | 1137 | |
| 5986 |
한번잘해보자
|
12년 전 | 928 | |
| 5985 |
kiplayer
|
12년 전 | 3141 | |
| 5984 |
dsv421
|
12년 전 | 807 | |
| 5983 |
dsv421
|
12년 전 | 1509 | |
| 5982 |
dsv421
|
12년 전 | 5838 | |
| 5981 | 12년 전 | 3215 | ||
| 5980 |
MFBob
|
12년 전 | 2625 | |
| 5979 | 12년 전 | 3100 | ||
| 5978 |
AMDbest
|
12년 전 | 1461 | |
| 5977 | 12년 전 | 794 | ||
| 5976 | 12년 전 | 1212 | ||
| 5975 | 12년 전 | 1275 | ||
| 5974 | 12년 전 | 613 | ||
| 5973 |
kiplayer
|
12년 전 | 3551 | |
| 5972 |
kiplayer
|
12년 전 | 3977 | |
| 5971 |
kiplayer
|
12년 전 | 2300 | |
| 5970 |
kiplayer
|
12년 전 | 8291 | |
| 5969 |
kiplayer
|
12년 전 | 949 | |
| 5968 | 12년 전 | 8742 | ||
| 5967 |
 돼지코구뇽 |
12년 전 | 16904 | |
| 5966 | 12년 전 | 1228 | ||
| 5965 | 12년 전 | 708 | ||
| 5964 | 12년 전 | 6247 | ||
| 5963 | 12년 전 | 705 | ||
| 5962 | 12년 전 | 886 | ||
| 5961 | 12년 전 | 637 | ||
| 5960 | 12년 전 | 787 | ||
| 5959 |
 AKASIA |
12년 전 | 1124 | |
| 5958 | 12년 전 | 981 | ||
| 5957 |
웹디자인되고파
|
12년 전 | 1091 | |
| 5956 | 12년 전 | 3660 | ||
| 5955 | 12년 전 | 2142 | ||
| 5954 | 12년 전 | 4399 | ||
| 5953 | 12년 전 | 3091 | ||
| 5952 | 12년 전 | 4269 | ||
| 5951 | 12년 전 | 2076 | ||
| 5950 | 12년 전 | 1278 | ||
| 5949 | 12년 전 | 932 | ||
| 5948 | 12년 전 | 2076 | ||
| 5947 | 12년 전 | 5001 | ||
| 5946 |
dsv421
|
12년 전 | 1274 | |
| 5945 |
dsv421
|
12년 전 | 4120 | |
| 5944 |
dsv421
|
12년 전 | 5645 | |
| 5943 | 12년 전 | 1285 | ||
| 5942 | 12년 전 | 2540 | ||
| 5941 |
프로프리랜서
|
12년 전 | 1644 | |
| 5940 |
atria
|
12년 전 | 614 | |
| 5939 | 12년 전 | 2341 | ||
| 5938 | 12년 전 | 2083 | ||
| 5937 |
프로프리랜서
|
12년 전 | 770 | |
| 5936 |
프로프리랜서
|
12년 전 | 715 | |
| 5935 |
프로프리랜서
|
12년 전 | 3217 | |
| 5934 |
프로프리랜서
|
12년 전 | 1633 | |
| 5933 |
AMDbest
|
12년 전 | 651 | |
| 5932 |
AMDbest
|
12년 전 | 502 | |
| 5931 | 12년 전 | 8142 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기