Fonction de suivi du scroll

Télécharger le projet
Commenter

Description

Ben c un petit code que j'ai trouvé sur internet, et pour lequel il m'a fallu de longues recherches (tres longues). il permet a n'importe qui de créer en html son menu suivant le scroll de la page, sans avoir de connaissances du javascript.
Je sais que des menu-scroll ont déjà été postés ici plutôt souvent, mais lui vous permettra de créer entierement ce que vous voulez. Seule la fonction javascript pour le scroll est donnée: le reste... viendra de votre imagination.
La partie html que vous ajouterez au code restera tout simplement constament en haut de la page, au dessus du reste. Vous pouvez créer des menus, mais aussi tout ce qui vous passera par la tête necessitant un suivi de scroll.

En clair, beaucoup de discours pour ne pas die grand chose ;-)

Source / Exemple : 


Le code comprend trois parties:

_____________________________________________
A placer entre les balises <head> et </head>:
_____________________________________________

<SCRIPT language=JavaScript>

var timer
function scrolltop()

	{
scrollmenu.style.pixelTop=document.body.scrollTop
timer=setTimeout
	("scrolltop()",1)
}

function stoptimer()
{
clearTimeout(timer)
}
</script>

______________________________
A placer dans la balise <body>
______________________________

<body onload="scrolltop()" onunload="stoptimer()">

_______________________________
A placer apres la balise <body>
_______________________________

<span id="scrollmenu" style="position:absolute">
code html de votre menu, ou liens...
</span>

Conclusion :


voilà, j'espere que ce code vous sera utile.
Bien sur, à moins d'avoir gardé un bande vide dans la page (dans ce cas, autant faire des frames...), je vous conseille de faire un tableau opaque (avec un <td background="machin.jpg>, par exemple), tout simplement pour que le texte du menu soit lisible, et pas mélangé avec celui de la page.

Un exemple d'utilisation sur http://www.tpelentillesgravitationnelles.new.fr/
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (aze555666)