11521 sujets

JavaScript, DOM et API Web HTML5

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 !

(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.