[Résolu] Sticky boutton (Créer un compte)

  • WordPress :5.7
  • Statut : résolu
6 sujets de 16 à 21 (sur un total de 21)
  • Auteur
    Messages
  • #2383667
    ferman
    Participant
    Maître WordPress
    4665 contributions

    On va essayer d’envoyer le code autrement. Désactivez le plugin header && footers puis dans le fichier functions.php de votre thème enfant mettez la fonction ci-dessous:

    function fade_icon(){?>
    	
    
    <script type="text/javascript">
    
    $=jQuery;
    
    	$(window).scroll(function(){
    		var numPix = 400; // number of pixels before bottom of page that you want to start fading
    		var op = (($(document).height() - $(window).height()) -200 - $(window).scrollTop()) / numPix;
        if( op <= 0 ){
            $("a.elementor-icon").hide();
        } else {
            $("a.elementor-icon").show();
        }
        $("a.elementor-icon").css("opacity", op ); 
    });
    </script>
    <?php ;
     }
    
    add_filter ('wp_footer','fade_icon');	

    • Cette réponse a été modifiée le il y a 3 mois et 2 semaines par ferman.
    #2383927
    RodPlay
    Participant
    Initié WordPress
    14 contributions

    Bonjour,

    Pas de nouvelle piste sur mon sujet ?

    Merci de votre retour.
    R.

    #2383939
    ferman
    Participant
    Maître WordPress
    4665 contributions

    Ben, il n’y avait pas de réponse à ma réponse du 21 août. Vous avez essayé et ça ne marche pas?

    #2383940
    RodPlay
    Participant
    Initié WordPress
    14 contributions

    Bonsoir,

    A priori un bug, j’avais portant bien posté le retour + capture…

    Non ça ne fonctionne pas malgré les remplacements $=
    Et oui, j’ai accès ftp.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2383943
    ferman
    Participant
    Maître WordPress
    4665 contributions

    D’après ce que vous montrez vous n’avez pas essayé la fonction dans functions.php . Seulement  avec l’extension. J’avais fait une réponse entre temps ( #2383667.)

    Autrement il nous restra à essayer le « vrai » javascript (plutôt que jQuery). Remettez le plugin insert headers and footers  et mettez-y le code ci-dessous (avec les balises script, comme avant. Si ça marche il y aura peut-être des réglages à faire.

    window.addEventListener('scroll', function(e){
            if (window.innerHeight + window.scrollY > document.body.clientHeight -300) {
                document.getElementById("post-406").querySelector("a.elementor-icon").style.display='none';
            } else{document.getElementById("post-406").querySelector("a.elementor-icon").style.display='inline-block';}
        })

    • Cette réponse a été modifiée le il y a 3 mois et 1 semaine par ferman.
    • Cette réponse a été modifiée le il y a 3 mois et 1 semaine par ferman.
    • Cette réponse a été modifiée le il y a 3 mois et 1 semaine par ferman.
    #2384010
    RodPlay
    Participant
    Initié WordPress
    14 contributions

    Excellent !

    Tout fonctionne parfaitement et sur plusieurs navigateurs et systèmes.
    Un grand merci pour votre patience et cette solution ultime.

    Salutations respectueuses.
    Rodolphe

6 sujets de 16 à 21 (sur un total de 21)
  • Vous devez être connecté pour répondre à ce sujet.