Fonction de suivi du scroll

Soyez le premier à donner votre avis sur cette source.

Vue 13 134 fois - Téléchargée 826 fois

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/

Codes Sources

A voir également

Ajouter un commentaire

Commentaire

Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
35
position:fixed en css...
le Css est plus propre, plus souvent accepte, bref... 3

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.