Navigation onepage en javascript
Bonjour,
Je suis en difficulté avec la navigation de mon site en onepage.
Voici le code javascript qui me pose problème :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| $(document).ready(function(){
// navigation dans la page
$('#nav li a').click(function(){
$('#nav li a').removeClass('active');
$(this).addClass('active');
var id = $(this).attr('href');
scrollTo(id);
return false;
});
function scrollTo(target){
if($(target).length>=1){
height=$(target).offset().top;
}
var header = $('#top').height();
$('html,body').animate({scrollTop: height-header}, 1000);
return false;
}
}); |
et voici le lien :
http://www.festivalcirquesaintpaul.c...programme.html
Le site se compose de :
un page index.html qui ouvre sur un slider
une onepage avec plusieurs sections
et huit autres pages.
Dans la onepage la navigation se fait correctement d'ancre en ancre avec un script en javascript par un menu vertical à gauche en position fixe. Mais les liens vers les pages externes à la onepage ne fonctionnent que si je fais, au préalable, un rafraîchissement au niveau du navigateur.
Cela vient du script "nav.js" (code copié/collé ci-dessus). Je n'arrive pas à voir ce qui cloche, je suis un peu limitée en javascript ! quelqu'un peut me dire ce qui ne va pas dans ce script ?
Merci infiniment.
Maria
