Discussion :

[bouda95]

Bonjour � tous,

Je pense �tre sur le bon forum si ce n'est pas le cas merci de m'en informer je suis nouveau ici.

Tout d'abord je me pr�sente avant d'�voquer mon probl�me, je m'appelle Vincent je suis apprenti chef de projet web au sein de la Soci�t� G�n�rale. J'ai des connaissances en HTML/PHP/CSS donc vous pouvez me parler normalement, cependant je n'ai pas beaucoup d'exp�rience en Javascript, JQuery, etc.. c'est pourquoi je suis ici.

Voila ma question, apr�s plusieurs recherches dcevantes sur Google, je voudrai savoir quelle est la marche � suivre pour pouvoir r�aliser une page de ce type : http://www.societegenerale.com/sites...015/index.html (� ouvrir avec un navigateur autre que IE)

J'aime beaucoup le fait que le contenu s'affiche au fur et � mesure que l'on scroll vers le bas. J'aime beaucoup aussi la fa�on dont les box s'affichent et les compteurs �galement.

Si vous reconnaissez ces types de fonctionnalit�s merci de me faire part du code si vous l'avez sous la main sinon le nom ou le lien traitant ce sujet me suffira amplement je me d�brouillerai moi-m�me.
J'esp�re que ma question n'est pas trop confuse n'h�sitez pas � m'�crire pour plus de detail.

Merci d'avance de vos r�ponses ;)
Bonne soir�e � tous.

[Amnael]

Salut, pour ma part, je suis pas super fan, trop de dynamisme tue le dynamisme j'ai envie de dire =)

Mais bon c'est qu'un avis perso =)


Sinon, sans y avoir trop r�fl�chi, j'imagine que sur la page de base les �l�ments sont avec un attribut hidden.

Ensuite je pense qu'il doit �tre possible de connaitre la position de l'�cran de l'utilisateur (je sais pas comment mais il doit bien y avoir une propri�t� css ou une fonction javascript qui fait �a).
Et � partir de cette position, calculer si oui ou non tu as la place d'afficher un �l�ment, tout en faisant en sorte d'enlever l'attribut hidden.

Du moins c'est l'id�e que je m'en fais en voyant la page, c'est peut �tre pas du tout �a.

[bouda95]

D'accord merci quand m�me de ta r�ponse Amnael je vais regarder ca de plus pr�s. Si jamais tu entends parler de ces fonctions javascript autour de toi n'h�site pas � m'en faire part

[Amnael]

A partir de event, tu peux conna�tre la position de la souris et arriver � faire un peu le m�me r�sultat je pense

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
 
function onclick_page(event){
  var x = event.clientX;
  var y = event.clientY;
  alert('Vous avez cliqué au point de coordonnés: ' + x + ', ' + y );
}

Avec �a tu g�res d�j� le scroll avec la souris.

Reste � trouver comment tu peux faire avec un scroll au clavier si la souris n'est pas dans l'�cran. L� je s�che =)

[NoSmoking]

Bonjour,
regarde du cot� de ScrollReveal, tu peux �galement demander au r�alisateur du site attendu que vous travaillez dans/pour la m�me boutique

Un exemple : http://anijs.github.io/examples/scrollreveal/