a

전체페이지가 위 아래로 넘어가는 사이트는 어떻게 만드나요?

무슨 따로 자바 스크립트를 쓰는지 궁금하네요 ㅜㅜ 이런거 마이크로 사이트에서 자주 보는데 괜찮더라구요
플래시 액션 스크립트로 구성하는건가요?
 
 
 
|

댓글 4개

위에 http://www.espoir.com 은 그냥 한페이지에 다 때려넣고 javascript 로 해당 위치에 도달했을 때 아래 네비게이션 활성 바꿔주는 식으로 만들 수 있을 거 같네요.
기아 사이트는 html5 + css3 이고, 다중배경을 쓴 거 같네요.
저도 초짜라... 추측만 ㅠ
한 페이지에 anchor tag 을 이동하고 싶은 div 에 달아 주시고, jQuery 로 animate 해주면 됩니다.

이런식으로. $('html, body').animate({scrollTop: targetOffset}, 400);

그리고 윈도우를 크게 키웠을때 아래 div 가 보이지 않도록 각 div 의 height 을 충분히 잡아 주시구요.

이게 재미 있어서 저도 몇달전에 사이트 두개를 이렇게 만들어 봤는데, 디자인적으로 제약이 좀 생깁니다. 간단한 사이트에는 괜찮은데, 컨텐츠가 많이 들어가고 이러는 사이트에는 정말 아니더라구요....
오홋 그렇군요 ㅎㅎ 감사합니다!!
기아 K3 사이트의 경우엔, jQuery 등으로 window scroll 이벤트를 잡아서 window scrollTop 등을 이용해서 적절히 처리해주시면 됩니다.

http://j.mp/TXoBCy 예전에 작업한 티저 사이트가 이 방식으로 한 거죠.

단이 많아지고 움직이는 녀석이 늘어나면, 노가다의 힘이 필요합니다 (...)
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
13년 전 조회 971
13년 전 조회 1,147
13년 전 조회 863
13년 전 조회 914
13년 전 조회 908
13년 전 조회 1,022
13년 전 조회 2,210
13년 전 조회 1,267
13년 전 조회 1,379
13년 전 조회 2,278
13년 전 조회 1,435
13년 전 조회 3,070
13년 전 조회 945
13년 전 조회 3,570
13년 전 조회 1,062
13년 전 조회 3,895
13년 전 조회 1,438
13년 전 조회 1,405
13년 전 조회 1,746
13년 전 조회 737
13년 전 조회 799
13년 전 조회 1,765
13년 전 조회 2,271
13년 전 조회 1,016
13년 전 조회 783
13년 전 조회 915
13년 전 조회 883
13년 전 조회 1,717
13년 전 조회 1,345
13년 전 조회 754
13년 전 조회 784
13년 전 조회 849
13년 전 조회 1,076
13년 전 조회 995
13년 전 조회 788
13년 전 조회 1,602
13년 전 조회 975
13년 전 조회 6,137
13년 전 조회 1,305
13년 전 조회 949
13년 전 조회 1,982
13년 전 조회 794
13년 전 조회 1,729
13년 전 조회 3,200
13년 전 조회 801
13년 전 조회 829
13년 전 조회 922
13년 전 조회 832
13년 전 조회 739
13년 전 조회 1,001
13년 전 조회 743
13년 전 조회 1,263
13년 전 조회 1,232
13년 전 조회 1,022
13년 전 조회 752
13년 전 조회 932
13년 전 조회 1,696
13년 전 조회 742
13년 전 조회 2,735
13년 전 조회 2,460
13년 전 조회 2,319
13년 전 조회 1,639
13년 전 조회 940
13년 전 조회 4,098
13년 전 조회 1,934
13년 전 조회 2,369
13년 전 조회 774
13년 전 조회 734
13년 전 조회 1,846
13년 전 조회 870
13년 전 조회 2,087
13년 전 조회 1,765
13년 전 조회 1,572
13년 전 조회 1,485
13년 전 조회 4,894
13년 전 조회 3,310
13년 전 조회 1,681
13년 전 조회 763
13년 전 조회 1,426
13년 전 조회 1,896
13년 전 조회 1,636
13년 전 조회 1,423
13년 전 조회 1,089
13년 전 조회 733
13년 전 조회 1,146
13년 전 조회 1,011
13년 전 조회 829
13년 전 조회 820
13년 전 조회 1,273
13년 전 조회 728
13년 전 조회 674
13년 전 조회 760
13년 전 조회 680
13년 전 조회 1,301
13년 전 조회 1,010
13년 전 조회 2,511
13년 전 조회 761
13년 전 조회 1,037
13년 전 조회 1,784
13년 전 조회 976