[PHPBB3] Barre de navigation en bas de page

Bonjour à tous les milouziens,

Philippe m'a développé récemment ce script sur les sujet que je trouve excellent.

Code:

   
$(document).ready(function(){
      $(window).scroll(function() {
        if ($(document).scrollTop() >60) {
     $('#fa_toolbar,#page-header.M14_toggle,#M14_totUserList').fadeOut();
  
        } else {
        $('#fa_toolbar,#page-header.M14_toggle,#M14_totUserList').fadeIn();      
        }
      });
    });


Serait-il possible quand les barres d'en haut se retirent gentiment (après le scroll de 60px donc) faire apparaitre sur les sujets, aussi gentiment en bas de page la barre de navigation (ul.linklist.navlinks je crois).

Merci pour votre aide.

Hello Serge,

Serait-il possible quand les barres d'en haut se retirent gentiment (après le scroll de 60px donc) faire apparaitre sur les sujets, aussi gentiment en bas de page la barre de navigation (ul.linklist.navlinks je crois).

si tu arrives a comprendre le sens de ta phrase, perso, je n'y comprends rien du tout mon ami .

En faites laisser la barre de navigation ?

Bonjour Philippe,

Désolé pour mon charabia Phil.
Actuellement dans les sujets grâce à ton script, quand je descends vers le bas de page la partie haute disparait de façon animée. C'est exactement ce que je souhaitais et cela me convient parfaitement.

En fait si c'est possible, je souhaitais avoir en même temps, la barre de navigation toute seule qui apparait en bas de page ainsi:


En espérant avoir été plus clair.

Re Serge,
je comprends mieux ainsi mon ami, je regarde cela sur ton fofo

Ok. Merci Phil.
C'est le second script de ma première page JS.

Oui, je viens de voir Serge,
je teste pas de solutions car c'est assez corsé de coder cette partie.
Je vais tâcher de mettre un id que tu trouveras dans ta feuille de style (commentée).

Je te suis aveuglément

Alors,j'ai dû prendre les deux barres car on utilise un after pour positionner la deuxième Serge.

La css ajoutée:

Code:

/*SCROLL sur les sujets*/
#M14_scrollPost
{
top:auto !important;
bottom:30px;
}
.M14_scrollPostPerso
{
top:auto !important;
bottom:0px;
}


Et le script modifié:

Code:

     
    $(document).ready(function(){
          $(window).scroll(function() {
            if ($(document).scrollTop() >60) {
        $('#fa_toolbar,#M14_totUserList').fadeOut();
$('#page-header ul:not(#M14_navPerso).linklist.navlinks').attr('id','M14_scrollPost');
$('#M14_navPerso').addClass('M14_scrollPostPerso');     
            } else {
            $('#fa_toolbar,#M14_totUserList').fadeIn(); 
$('#page-header ul:not(#M14_navPerso).linklist.navlinks').removeAttr('id','M14_scrollPost');
$('#M14_navPerso').removeClass('M14_scrollPostPerso');         
            }
          });
        });


C 'est excellent Philippe!

J'adore cette animation.

Bravo et un grand merci l'ami.

De rien Serge .