무슨 따로 자바 스크립트를 쓰는지 궁금하네요 ㅜㅜ 이런거 마이크로 사이트에서 자주 보는데 괜찮더라구요
플래시 액션 스크립트로 구성하는건가요?
댓글 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 예전에 작업한 티저 사이트가 이 방식으로 한 거죠.
단이 많아지고 움직이는 녀석이 늘어나면, 노가다의 힘이 필요합니다 (...)
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5830 | 13년 전 | 1186 | ||
| 5829 | 13년 전 | 5051 | ||
| 5828 | 13년 전 | 6435 | ||
| 5827 | 13년 전 | 1204 | ||
| 5826 |
 AKASIA |
13년 전 | 530 | |
| 5825 | 13년 전 | 896 | ||
| 5824 |
 카카오툴즈 |
13년 전 | 1880 | |
| 5823 | 13년 전 | 5616 | ||
| 5822 |
jfascas
|
13년 전 | 1040 | |
| 5821 | 13년 전 | 1697 | ||
| 5820 | 13년 전 | 1311 | ||
| 5819 |
itlang
|
13년 전 | 508 | |
| 5818 | 13년 전 | 1306 | ||
| 5817 | 13년 전 | 780 | ||
| 5816 | 13년 전 | 624 | ||
| 5815 | 13년 전 | 6134 | ||
| 5814 | 13년 전 | 860 | ||
| 5813 |
악마의유혹
|
13년 전 | 461 | |
| 5812 | 13년 전 | 2804 | ||
| 5811 | 13년 전 | 1174 | ||
| 5810 | 13년 전 | 3534 | ||
| 5809 | 13년 전 | 1355 | ||
| 5808 | 13년 전 | 1061 | ||
| 5807 | 13년 전 | 572 | ||
| 5806 | 13년 전 | 559 | ||
| 5805 |
angrysol
|
13년 전 | 816 | |
| 5804 | 13년 전 | 1005 | ||
| 5803 | 13년 전 | 1734 | ||
| 5802 |
angrysol
|
13년 전 | 1050 | |
| 5801 |
후라보노보노
|
13년 전 | 2136 | |
| 5800 | 13년 전 | 1101 | ||
| 5799 |
 울랄라커뮤니케이션스 |
13년 전 | 4191 | |
| 5798 |
울랄라커뮤니케이션스 |
13년 전 | 3360 | |
| 5797 |
울랄라커뮤니케이션스 |
13년 전 | 4934 | |
| 5796 | 13년 전 | 7541 | ||
| 5795 | 13년 전 | 2777 | ||
| 5794 | 13년 전 | 2230 | ||
| 5793 |
 gilynh |
13년 전 | 660 | |
| 5792 | 13년 전 | 2970 | ||
| 5791 | 13년 전 | 845 | ||
| 5790 | 13년 전 | 4328 | ||
| 5789 |
gilynh |
13년 전 | 2476 | |
| 5788 |
 grapedw |
13년 전 | 1852 | |
| 5787 |
오지랖선생
|
13년 전 | 1619 | |
| 5786 | 13년 전 | 5924 | ||
| 5785 | 13년 전 | 1744 | ||
| 5784 |
 simon1004 |
13년 전 | 1450 | |
| 5783 | 13년 전 | 1306 | ||
| 5782 |
울랄라커뮤니케이션스 |
13년 전 | 2818 | |
| 5781 | 13년 전 | 2852 | ||
| 5780 | 13년 전 | 1155 | ||
| 5779 |
 Maximus |
13년 전 | 1358 | |
| 5778 |
오리진소프트
|
13년 전 | 4608 | |
| 5777 | 13년 전 | 678 | ||
| 5776 | 13년 전 | 1144 | ||
| 5775 | 13년 전 | 1455 | ||
| 5774 | 13년 전 | 1876 | ||
| 5773 |
 hy미디어 |
13년 전 | 1912 | |
| 5772 | 13년 전 | 1677 | ||
| 5771 | 13년 전 | 4783 | ||
| 5770 | 13년 전 | 1126 | ||
| 5769 | 13년 전 | 6106 | ||
| 5768 |
Maximus |
13년 전 | 1577 | |
| 5767 | 13년 전 | 1685 | ||
| 5766 |
프로프리랜서
|
13년 전 | 1382 | |
| 5765 |
 하늘제사장 |
13년 전 | 1035 | |
| 5764 | 13년 전 | 1760 | ||
| 5763 |
gilynh |
13년 전 | 781 | |
| 5762 |
gilynh |
13년 전 | 2284 | |
| 5761 | 13년 전 | 616 | ||
| 5760 | 13년 전 | 621 | ||
| 5759 | 13년 전 | 3269 | ||
| 5758 | 13년 전 | 1075 | ||
| 5757 |
gilynh |
13년 전 | 740 | |
| 5756 | 13년 전 | 566 | ||
| 5755 | 13년 전 | 1057 | ||
| 5754 |
AKASIA |
13년 전 | 2223 | |
| 5753 | 13년 전 | 672 | ||
| 5752 | 13년 전 | 1542 | ||
| 5751 | 13년 전 | 762 | ||
| 5750 | 13년 전 | 748 | ||
| 5749 | 13년 전 | 2566 | ||
| 5748 | 13년 전 | 999 | ||
| 5747 | 13년 전 | 1214 | ||
| 5746 |
hy미디어 |
13년 전 | 643 | |
| 5745 | 13년 전 | 1657 | ||
| 5744 | 13년 전 | 666 | ||
| 5743 | 13년 전 | 828 | ||
| 5742 |
프로프리랜서
|
13년 전 | 575 | |
| 5741 | 13년 전 | 638 | ||
| 5740 | 13년 전 | 617 | ||
| 5739 | 13년 전 | 723 | ||
| 5738 | 13년 전 | 1922 | ||
| 5737 | 13년 전 | 979 | ||
| 5736 | 13년 전 | 1087 | ||
| 5735 | 13년 전 | 1990 | ||
| 5734 | 13년 전 | 1137 | ||
| 5733 | 13년 전 | 2776 | ||
| 5732 |
JOYCOM
|
13년 전 | 633 | |
| 5731 | 13년 전 | 3298 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기