[Plugin] plxScrollToTopBottom :Permet d'afficher un lien vers le haut

dpfpicdpfpic Member
juillet 2017 modifié dans Plugins
Bonjour à tous,

Ce plugin est une amélioration du plugin plxScrollToTop, celui-ci permet d'afficher un lien vers le haut ou/et le bas de page qui s'affiche dynamiquement.

plxScrollToToBottom.PNG?1500220725302

- Possibilité de personnaliser l'icone de la flèche.
- Possibilité de choisir l'emplacement de l'icone (milieu, bas, gauche, droit)
- Possibilité de choisir le flèche du haut ou du bas ou les deux.

## Version 1.0.0 (16/07/2017) ##
Version initiale

Téléchargable sur mon site ici

Cordialement,
DPFPIC

Réponses

  • Excellent !
    :)
  • Bonjour à tous,

    Nouvelle version pour ce plugin qui passe en 1.0.1.

    ## Version 1.0.1 (15/10/2017)
    BUG Certaines icônes sont inversées, up à la place de down et l'inverse. Merci à Nyagrodha

    A télécharger sur mon site.

    Bon dimanche.
    DPFPIC
  • Il y a un problème avec les mobiles ...
    Les flèches ne s'affichent pas, seulement si l'on met son mobile en position paysage ... :/
    Une solution pour afficher les flèches même en position portrait ?
  • Bon, je me réponds à moi même, ça peut servir à d'autres ! ;)

    Il suffit de modifier scrolltotopbottom.css qui se trouve dans le dossier CSS du plugin. Dans les dernières lignes, remplacer :
    [== CSS ==]
    @media screen and (max-width:500px){	
    		.sttb-container {
    			display: none;
    		}
    
    

    par:
    [== CSS ==]
    @media screen and (max-width:500px){	
    		.sttb-container {	
    	right: inherit;
    	bottom: 20px;
    	left: 10px;
    		}
    
    Et les flèches s'affichent bien, même sur mobile ! ;)
  • noogaty a écrit:
    Bon, je me réponds à moi même, ça peut servir à d'autres ! ;)

    Il suffit de modifier scrolltotopbottom.css qui se trouve dans le dossier CSS du plugin. Dans les dernières lignes, remplacer :
    [== CSS ==]
    @media screen and (max-width:500px){	
    		.sttb-container {
    			display: none;
    		}
    
    

    par:
    [== CSS ==]
    @media screen and (max-width:500px){	
    		.sttb-container {	
    	right: inherit;
    	bottom: 20px;
    	left: 10px;
    		}
    
    Et les flèches s'affichent bien, même sur mobile ! ;)
    Merci !
Connectez-vous ou Inscrivez-vous pour répondre.