Profil suivant le scroll sur les sujets

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Profil suivant le scroll sur les sujets

Message par Gaara du désert le Sam 20 Juin 2015 - 13:36

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.star-city-heroes.com/

Description du problème

Bonjour à vous !

Alors voilà, je suis en train de préparer le prochain design de mon forum et j'avais un jour aperçu un codage qui m'avait intéressée sur un autre forum (je n'ai pas gardé le lien par contre). Depuis j'ai cherché, mais sans trouver comment faire, donc si quelqu'un ici le sait...

Il s'agit de faire en sorte que lorsqu'une personne qui navigue sur le forum et scroll sur un message relativement long, le profil situé à gauche du message (avatar et infos personnelles) suive le scroll et descende tout le long du message ! Notez que sur le forum où j'avais trouvé ça, le profil remontait "normalement" en haut du message une fois qu'on passait au message suivant. Je suis désolée de ne pas avoir d'exemple à fournir, si ce n'est pas clair n'hésitez pas à me le dire.
Je recherche donc un tutoriel (ou un code si vous l'avez sous la main), pour trouver comment faire ça !

Merci d'avance =)


Dernière édition par Gaara du désert le Sam 27 Juin 2015 - 21:11, édité 1 fois

Gaara du désert
*****

Féminin
Messages : 724
Inscrit(e) le : 22/03/2005

http://www.star-city-heroes.com/
Gaara du désert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil suivant le scroll sur les sujets

Message par Gaara du désert le Dim 21 Juin 2015 - 13:29

Toujours d'actualité !
Merci.

Gaara du désert
*****

Féminin
Messages : 724
Inscrit(e) le : 22/03/2005

http://www.star-city-heroes.com/
Gaara du désert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil suivant le scroll sur les sujets

Message par Gaara du désert le Lun 22 Juin 2015 - 13:12

Je cherche toujours.
Merci !

Gaara du désert
*****

Féminin
Messages : 724
Inscrit(e) le : 22/03/2005

http://www.star-city-heroes.com/
Gaara du désert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil suivant le scroll sur les sujets

Message par Gaara du désert le Jeu 25 Juin 2015 - 11:02

Petit UP.
Merci.

Gaara du désert
*****

Féminin
Messages : 724
Inscrit(e) le : 22/03/2005

http://www.star-city-heroes.com/
Gaara du désert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil suivant le scroll sur les sujets

Message par Gaara du désert le Ven 26 Juin 2015 - 11:02

Petit UP !
Merci Smile

Gaara du désert
*****

Féminin
Messages : 724
Inscrit(e) le : 22/03/2005

http://www.star-city-heroes.com/
Gaara du désert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil suivant le scroll sur les sujets

Message par Gaara du désert le Sam 27 Juin 2015 - 12:38

Encore et toujours.
Merci !

Gaara du désert
*****

Féminin
Messages : 724
Inscrit(e) le : 22/03/2005

http://www.star-city-heroes.com/
Gaara du désert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil suivant le scroll sur les sujets

Message par no_way le Sam 27 Juin 2015 - 16:59

Bonjour,
Votre template "viewtopic_body" est-il modifié ?
Je suis parvenu au résultat suivant:demo
Dites-moi si ça vous convient ainsi.

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil suivant le scroll sur les sujets

Message par Gaara du désert le Sam 27 Juin 2015 - 19:39

Bonjour !

En effet, mon template est modifié ! J'ai tenté avec l'exemple que vous donnez et c'est tout à fait l'idée que je recherche, par contre j'ai un petit bug dans le sens où mon scroll rallonge la fin du message jusqu'à ce que le profil soit entièrement visible au lieu de faire remonter le tout en haut du message puis ça ne fonctionne plus dès que je passe sur un autre profil dans le sujet. De même, j'ai un scroll infini lorsque j'arrive au dernier message ><

Je vous montre le résultat sur mon forum test :



Et voilà mon template si ça peut influencer là-dessus :



Sinon mon co-admin a retrouvé le lien du forum qu'il m'avait montré en exemple pour cette idée, je vous le mets donc ici pour que vous puissiez voir ce que j'entendais précisément :



Merci de votre réponse !

Gaara du désert
*****

Féminin
Messages : 724
Inscrit(e) le : 22/03/2005

http://www.star-city-heroes.com/
Gaara du désert a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Profil suivant le scroll sur les sujets

Message par no_way le Sam 27 Juin 2015 - 19:56

Il y a pas mal d'erreurs dans votre template, sauvegardez votre template actuel dans un fichier et remplacez le par celui qui suit:
Je fournis le code Javascript ici pour ceux que ça pourrait intéresser (phpBB2):
Code:
$(window).scroll(function(){
  var yW=$(window).scrollTop(),pC=$("div.profil_coulissant"),c=false,lt=$("#fa_toolbar").length&&30-Math.abs(parseInt($("#fa_toolbar").css('margin-top')));
  var dC=pC.map(function(i,e){
      var e=$(e),diffY=(yW+lt)-e.parent().offset().top,o={el:e,hM:e.parent().height()-e.height(),dY:diffY};
      e.css({"margin-top":0});
      !c?(c=o):o.dY>=0&&o.dY<c.dY?(c=o):null;
  });
  c.el.css({"margin-top":Math.max(0,Math.min(c.hM,c.dY))})
});
Le profil doit être mis dans une div avec pour classe "profil_coulissant".


Dernière édition par no_way le Sam 27 Juin 2015 - 21:25, édité 1 fois

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Profil suivant le scroll sur les sujets

Message par AenigmA le Sam 27 Juin 2015 - 20:46

Super principe, bravo no_way

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil suivant le scroll sur les sujets

Message par Gaara du désert le Sam 27 Juin 2015 - 21:11

Bonsoir !

C'est absolument parfait, tout fonctionne et merci pour les corrections apportées (par contre serait-il possible d'éviter de publier mon template à la vue de tous vu que j'ai déjà eu des "emprunts" réutilisés sur d'autres forums après avoir fait ça ici). Merci beaucoup de l'efficacité de l'aide apportée ! ♥

Bonne soirée à vous =)

Gaara du désert
*****

Féminin
Messages : 724
Inscrit(e) le : 22/03/2005

http://www.star-city-heroes.com/
Gaara du désert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil suivant le scroll sur les sujets

Message par no_way le Sam 27 Juin 2015 - 21:22

Je vous en prie, je m'en occupe.

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum