vivienn | Bonsoir,
J'ai un problème avec mon script, il fonctionne parfaitement sous Chrome et firefox et pas sous safari.
Je vous fais donc part de mon code javascript et html en espérant trouver une solution.
Code :
- <html>
- <ul id="navSec">
- <a id="navorange" href="#paysage">Paysage</a>
- <a id="navbleu" href="#museographie">Museographie</a>
- <a id="navviolet" href="#portrait">Portrait</a>
- </ul>
- </html>
- <script type="text/javascript">
- var category1,
- category2,
- category3,
- posYcategory1,
- posYcategory2,
- posYcategory3,
- navviolet,
- navbleu,
- navorange,
- posY;
- function init() {
- category1=document.getElementById('paysage');
- category2=document.getElementById('museographie');
- category3=document.getElementById('portrait');
- navorange=document.getElementById('navorange');
- navviolet=document.getElementById('navviolet');
- navbleu=document.getElementById('navbleu');
- posYcategory1=category1.offsetTop;
- posYcategory2=category2.offsetTop;
- posYcategory3=category3.offsetTop;
-
- window.onscroll = couleurmenu;
- }
- function couleurmenu() {
- posY=document.documentElement.scrollTop;
- console.log(posY, posYcategory1, posYcategory2, posYcategory3);
- if(posY>=posYcategory1){
- navorange.style.color="#E00";
- navbleu.style.color="#333";
- navviolet.style.color="#333";
- }
- if (posY>=posYcategory2){
- navbleu.style.color="#0E0";
- navorange.style.color="#333";
- navviolet.style.color="#333";
- }
- if (posY>=posYcategory3){
- navviolet.style.color="#00E";
- navbleu.style.color="#333";
- }
- }
- </script>
|
Merci d'avance de votre aide |
