*RESOLU* [EDGE] Flèches haut et bas d'index

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

clost
avatar
Membre

Messageclost

  • 16px
  • 24px
  • Zoom
re-bonjour
Est-il possible Philippe d'obtenir un scroll top comme ici (haut et bas), merci  (disparition suite bug de ce matin)  hinhin



merci


Dernière édition par clost le Dim 2 Juil 2017 - 20:08, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Chris,

avec ce script:

Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur toutes les pages.

Déposes ceci:
Code:
$(function(){
    //ON IMPORTE LE BOUTON
    $('body').append('
<span>
<a href="#" class="M14_ToP"></a></span>
<span>
<a href="#" class="M14_BoTTom"></a></span>');
    });

    $(document).ready(function(){
       $(window).scroll(function(){
    //CONDITION SI ON DESCEND DE 200PX
          if ($(this).scrollTop() > 200) {
    //ON AFFICHE LE BOUTON
             $('.M14_ToP').fadeIn();
          } else {
    //SI INFERIEURE ON CACHE
             $('.M14_ToP').fadeOut();
          }
       });
      
       //AU CLIC ON REMONTE
       $('.M14_ToP').click(function(){
          $('html ,body').animate({scrollTop : 0},1000);
          return false;
  
       });
           });

$(document).ready(function(){
       $(window).scroll(function(){
    //CONDITION SI ON DESCEND DE 200PX
          if ($(this).scrollTop() > 200) {
    //ON CACHE LE BOUTON
             $('.M14_BoTTom').fadeOut();
          } else {
    //SI INFERIEURE ON AFFICHE
             $('.M14_BoTTom').fadeIn();
          }
       });
      
       //AU CLIC ON REMONTE
       $('.M14_BoTTom').click(function(e){

  $("html, body").animate({ scrollTop: $(document).height() }, 1000);
          return false;
       });
});
Penses a cliquer sur le bouton Valider


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ou dans le template overall_header en faisant une sauvegarde  mdr
Ajoutes ceci

Code:
a.M14_ToP:before
 {
font-family: FontAwesome;color: #369;content: "\f077";
}

a.M14_BoTTom:before
 {
font-family: FontAwesome;color: #369content:"\f078";
}



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





clost
avatar
Membre

Messageclost

  • 16px
  • 24px
  • Zoom
mdr  je pense à la sauvegarde...
j'ai installé le JS dans le overall header

encadré par 
Code:
<script> et </script>
 et testé avec

Code:
<script type="text/javascript">...</script>





mais rien ne s'affiche sur l'index, as tu une autre idée ?
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Je verrais tout cela ce soir Chris,

le script ne fonctionne pas car la barre de navigation flottante rentre en conflit:

On va déposer ceci dans le template overall_header :
Code:

<a href="#" class="M14_ToP"></a>
<a href="#" class="M14_BoTTom"></a>

En leur donnant des position fixed respectivement.
Je dois me sauver coucou



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





clost
avatar
Membre

Messageclost

  • 16px
  • 24px
  • Zoom
merci on verra plus tard  impeccable
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Me revoilou clin oeil ,

alors dans le template overall_header:
Affichage/Templates/Général/ overall_header

Recherches ceci Chris:
Code:

{JAVASCRIPT}

Juste après déposes ceci:
Code:

<a href="#bottom"class="M14_TOP"></a>
<a href="#top" class="M14_BOTTOM"></a>



Dans le style qui figure en bas de page déposes ceci:
Code:

a.M14_TOP:before{font-family: FontAwesome;color: #369;content:"\f078";}
a.M14_BOTTOM:before{font-family: FontAwesome;color: #369;content: "\f077";}
a.M14_TOP,a.M14_BOTTOM{position:fixed;}
  /*le bouton en haut*/
a.M14_TOP{top: 240px;font-size: 16px;right: 20px;}
  /*le bouton en bas*/
a.M14_BOTTOM{right: 20px;font-size: 16px;bottom: 200px;}



Penses à enregistrer puis à valider en cliquant respectivement sur Enregistrer puis Ajout





-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





clost
avatar
Membre

Messageclost

  • 16px
  • 24px
  • Zoom
merci Philippe, c'est parfait  super hinhin
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
De rien Chris clin oeil

-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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