Bandeau qui apparaît au scroll dans une page
Bonjour à tous,
Voilà je cherche un moyen de faire en sorte qu'un "bandeau" apparaisse tout au dessus de la page (directement sous la barre d'URL du navigateur) dès que j'atteins un endroit défini dans la page (par exemple 30% de la longueur totale de la page générée).
Je ne sais pas si j'arrive bien à me faire comprendre, pour illustrer j'explique un cas :
J'ai un bloc d'informations tout en haut de la page (fixe) avec par exemple la météo du jour détaillée. Toutefois lorsqu'on descend en bas de la page, on ne voit plus la météo et on est obligé de remonter tout en haut pour la voir (certains me diront que ce n'est pas la mort du petit cheval mais ça m'est imposé ^^), ainsi j'aimerai qu'un bandeau (quelque chose d'assez "discret" un peu dans le style de la barre de menu du forum tout en haut de la page) apparaisse avec un résumé des informations de la météo dès que le bloc des informations détaillées n'est plus dans la fenêtre (à cause d'un scroll) et qu'il disparaisse dès que le bloc détaillé réapparaît à l'écran lorsque l'on remonte.
Croyez-vous que cela soit réalisable ? Pourriez-vous me donner des pistes, scripts, plugins pour faire cela ?
J'utilise jQuery comme framework javaScript si certains connaissent des plugin de ce framework...
Merci d'avance, n'hésitez pa à me demander si certains points ne sont pas clair.
Répondre avec citation
Partager