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

  • WordPress :5.7
  • Statut : résolu
  • Ce sujet contient 20 réponses, 2 participants et a été mis à jour pour la dernière fois par RodPlay, le il y a 3 années.
6 sujets de 16 à 21 (sur un total de 21)
  • Auteur
    Messages
  • #2383667
    ferman
    Participant
    Maître WordPress
    7084 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 années par ferman.
    #2383927
    RodPlay
    Participant
    Initié WordPress
    34 contributions

    Bonjour,

    Pas de nouvelle piste sur mon sujet ?

    Merci de votre retour.
    R.

    #2383939
    ferman
    Participant
    Maître WordPress
    7084 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
    34 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
    7084 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 années par ferman.
    • Cette réponse a été modifiée le il y a 3 années par ferman.
    • Cette réponse a été modifiée le il y a 3 années par ferman.
    #2384010
    RodPlay
    Participant
    Initié WordPress
    34 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.