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