Bonjour tout le monde,
Voila j'ai suivi un tuto pour créer le menu collant mais ça ne fonctionne pas ... C'est pour cela que je vous solicite !!
Dans la console il m'indique "Uncaught SyntaxError: Unexpected token {" j'ai vérifié le fichier X fois je n'ai pas vue d'erreur de syntaxe et modifier plusieurs fois !
Je vous joint mon fichier .js, dans la console il m'indique une erreur a la première ligne !
Avez-vous trouvé mon erreur ?
Merci d'avance !!
Cordialement.
Voila j'ai suivi un tuto pour créer le menu collant mais ça ne fonctionne pas ... C'est pour cela que je vous solicite !!
Dans la console il m'indique "Uncaught SyntaxError: Unexpected token {" j'ai vérifié le fichier X fois je n'ai pas vue d'erreur de syntaxe et modifier plusieurs fois !
Je vous joint mon fichier .js, dans la console il m'indique une erreur a la première ligne !
(fonction (){
var scrollY ; fonction (){
var supportPageOffset = window.pageXOffset !== undefined;
var isCSS1Compat = ((document.compatMode || "") === "CSS1Compat");
console.log return supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop;
}
var element = document.querySelector('#nav')
var rect = element.getBoundingClientRect()
var top = rect.top + scrollY()
var width = rect.width
var fake = document.CreateElement('div')
fake.style.width = rect.width + "px"
fake.style.height = rect.height + "px"
//fonctions
var onScroll = fonction(){
var hasScrollClass = element.classList.containes('fixed')
if (scrollY() > top && !hasScrollClass) {
element.classList.Add('fixed')
element.style.width = rect.width + "px"
element.parentNode.insertBefore( fake, element)
} else if (scrollY() < top && hasScrollClass) {
element.classList.remove('fixed')
element.parentNode.removeChild(fake)
}
}
var onResize = fonction (){
element.style.width = "auto"
element.classList.remove('fixed')
fake.style.display = "none"
rect = element.getBoundingClientRect
top = rect.top + scrollY ()
fake.style.width = rect.width + "px"
fake.style.height = rect.height + "px"
fake.style.display = "block"
onScroll()
}
//listener
window.addEventListener('scroll', onScroll)
window.addEventListener('resize', onResize)
})()
Avez-vous trouvé mon erreur ?
Merci d'avance !!
Cordialement.