1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
| //code pour detecter navigateur
navigator.sayswho = (function(){
var N= navigator.appName, ua= navigator.userAgent, tem;
var M= ua.match(/(opera|chrome|safari|firefox|msie)\/?\s*(\.?\d+(\.\d+)*)/i);
if(M && (tem= ua.match(/version\/([\.\d]+)/i))!= null) M[2]= tem[1];
M= M? [M[1], M[2]]: [N, navigator.appVersion,'-?'];
return M;
})();
var headerOffset = jQuery(".main-header").height(),
blockMenu = jQuery(".block-menu"),
nameNavigator = navigator.sayswho[0];
if (nameNavigator == "Chrome") {
var bodyelem = jQuery("body");
}
else if (nameNavigator == "Firefox") {
var bodyelem = jQuery("body, html");
}
else if (nameNavigator == "Safari") {
var bodyelem = jQuery(document);
}
else if (nameNavigator == "MSIE") {
var bodyelem = jQuery(window);
}
//fin code detecter navigateur
//debut code scroll
var position = bodyelem.scrollTop();
$(window).scroll(function() {
var scroll = bodyelem.scrollTop();
var actif = $('#actif').attr("name");
if(scroll > position) {
// scrolling downwards
if(actif === 'presentation'){
$('html, body').animate({scrollTop: $('#Competences').offset().top}, 1000);
$('dd[name=presentation]').attr("id","");
$('dd[name=competence]').attr("id","actif");
}
else if(actif === 'competence'){
$('html, body').animate({scrollTop: $('#Formation').offset().top}, 1000);
$('dd[name=competence]').attr("id","");
$('dd[name=formation]').attr("id","actif");
}
else if(actif === 'formation'){
$('html, body').animate({scrollTop: $('#Realisations').offset().top}, 1000);
$('dd[name=formation]').attr("id","");
$('dd[name=realisation]').attr("id","actif");
}
else if(actif === 'realisation'){
$('html, body').animate({scrollTop: $('#Contact').offset().top}, 1000);
$('dd[name=realisation]').attr("id","");
$('dd[name=contact]').attr("id","actif");
}
}
else if(scroll < position) {
// scrolling upwards
if(actif === 'competence'){
$('html, body').animate({scrollTop: $('#Presentation').offset().top}, 1000);
$('dd[name=presentation]').attr("id","actif");
$('dd[name=competence]').attr("id","");
}
else if(actif === 'formation'){
$('html, body').animate({scrollTop: $('#Competences').offset().top}, 1000);
$('dd[name=competence]').attr("id","actif");
$('dd[name=formation]').attr("id","");
}
else if(actif === 'realisation'){
$('html, body').animate({scrollTop: $('#Formation').offset().top}, 1000);
$('dd[name=formation]').attr("id","actif");
$('dd[name=realisation]').attr("id","");
}
else if(actif === 'contact'){
$('html, body').animate({scrollTop: $('#Realisations').offset().top}, 100);
$('dd[name=realisation]').attr("id","actif");
$('dd[name=contact]').attr("id","");
}
}
position = scroll;
}); |
