1+ $ ( "#tab1" ) . click ( function ( ) {
2+ $ ( 'html, body' ) . animate ( {
3+ scrollTop : $ ( "body" ) . offset ( ) . top
4+ } , 200 ) ;
5+ } ) ;
6+
7+ $ ( "#tab2" ) . click ( function ( ) {
8+ $ ( 'html, body' ) . animate ( {
9+ scrollTop : $ ( "#about" ) . offset ( ) . top
10+ } , 200 ) ;
11+ } ) ;
12+
13+ $ ( "#tab3" ) . click ( function ( ) {
14+ $ ( 'html, body' ) . animate ( {
15+ scrollTop : $ ( "#what" ) . offset ( ) . top
16+ } , 200 ) ;
17+ } ) ;
18+
19+ $ ( "#tab4" ) . click ( function ( ) {
20+ $ ( 'html, body' ) . animate ( {
21+ scrollTop : $ ( "#projects" ) . offset ( ) . top
22+ } , 200 ) ;
23+ } ) ;
24+
25+ $ ( "#tab5" ) . click ( function ( ) {
26+ $ ( 'html, body' ) . animate ( {
27+ scrollTop : $ ( "#contact" ) . offset ( ) . top
28+ } , 200 ) ;
29+ } ) ;
30+
31+
32+ function MainLoop ( ) {
33+
34+ if ( $ ( window ) . scrollTop ( ) < $ ( "#about" ) . position ( ) . top - 50 ) {
35+ $ ( '#tab1' ) . addClass ( 'active' ) ;
36+ $ ( '#tab2' ) . removeClass ( 'active' ) ;
37+ $ ( '#tab3' ) . removeClass ( 'active' ) ;
38+ $ ( '#tab4' ) . removeClass ( 'active' ) ;
39+ $ ( '#tab5' ) . removeClass ( 'active' ) ;
40+ }
41+
42+ if ( $ ( window ) . scrollTop ( ) > $ ( "#about" ) . position ( ) . top - 50 && $ ( window ) . scrollTop ( ) <= $ ( "#what" ) . position ( ) . top - 50 ) {
43+ $ ( '#tab1' ) . removeClass ( 'active' ) ;
44+ $ ( '#tab2' ) . addClass ( 'active' ) ;
45+ $ ( '#tab3' ) . removeClass ( 'active' ) ;
46+ $ ( '#tab4' ) . removeClass ( 'active' )
47+ $ ( '#tab5' ) . removeClass ( 'active' ) ;
48+ }
49+
50+ if ( $ ( window ) . scrollTop ( ) > $ ( "#what" ) . position ( ) . top - 50 && $ ( window ) . scrollTop ( ) <= $ ( "#projects" ) . position ( ) . top - 50 ) {
51+ $ ( '#tab1' ) . removeClass ( 'active' ) ;
52+ $ ( '#tab2' ) . removeClass ( 'active' ) ;
53+ $ ( '#tab3' ) . addClass ( 'active' ) ;
54+ $ ( '#tab4' ) . removeClass ( 'active' )
55+ $ ( '#tab5' ) . removeClass ( 'active' ) ;
56+ }
57+ if ( $ ( window ) . scrollTop ( ) > $ ( "#projects" ) . position ( ) . top - 50 && $ ( window ) . scrollTop ( ) <= $ ( "#contact" ) . position ( ) . top - 50 ) {
58+ $ ( '#tab1' ) . removeClass ( 'active' ) ;
59+ $ ( '#tab2' ) . removeClass ( 'active' ) ;
60+ $ ( '#tab3' ) . removeClass ( 'active' ) ;
61+ $ ( '#tab4' ) . addClass ( 'active' ) ;
62+ $ ( '#tab5' ) . removeClass ( 'active' ) ;
63+ }
64+ if ( $ ( window ) . scrollTop ( ) > $ ( "#contact" ) . position ( ) . top - 50 ) {
65+ $ ( '#tab1' ) . removeClass ( 'active' ) ;
66+ $ ( '#tab2' ) . removeClass ( 'active' ) ;
67+ $ ( '#tab3' ) . removeClass ( 'active' ) ;
68+ $ ( '#tab4' ) . removeClass ( 'active' ) ;
69+ $ ( '#tab5' ) . addClass ( 'active' )
70+ }
71+ setTimeout ( MainLoop , 10 ) ;
72+ }
73+
74+ function sendMail ( ) {
75+ $ . get ( 'contactus.php' ) ;
76+ }
0 commit comments