Soucis de code CSS qui n’est pas reconnu par firefox (Créer un compte)

  • WordPress :4.9.9
  • Statut : non résolu
  • Ce sujet contient 3 réponses, 3 participants et a été mis à jour pour la dernière fois par GuyVil1, le il y a 3 années.
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #2205263
    GuyVil1
    Participant
    Initié WordPress
    2 contributions

    Bonjour, j’ai un petit soucis avec l’affichage d’un effet parallaxe personnalisé sous firefox. Sur les autres navigateurs, le code est bien reconnu.

    Ma configuration WP actuelle :

    • – Version de WordPress : 4.9.8
    • – Version de PHP/MySQL : 7.0.30 / 5.6.39
    • – Thème utilisé : Divi
    • – Thème URI : http://www.elegantthemes.com/gallery/divi/
    • – Extensions en place : Akismet Anti-Spam (4.0.8), Divi Builder (2.13.1), Divi Extended Column Layouts (2.0), Forum_wordpress_fr (4.1), Huge IT Slider (4.0.8), UpdraftPlus – Backup/Restore (1.14.13)
    • – Adresse du site : https://second.aftercoaching.be/www
    • – Nom de l’hébergeur : Apache

     

    Problème(s) rencontré(s) :

    Voici le bout de code qui pose soucis:

     

    <script>
    function myFunction() {
     var $animation_elements = jQuery('.et-waypoint'),
     $window = jQuery(window);
     function check_if_in_view() {
     var window_height = $window.height(),
     window_top_position = $window.scrollTop(),
     window_bottom_position = (window_top_position + window_height);
     
     $animation_elements.each(function() {
     var $element = jQuery(this),
     element_height = $element.outerHeight(),
     element_top_position = $element.offset().top,
     element_bottom_position = (element_top_position + element_height);
     
     //check to see if this element is within viewport
     if ((element_bottom_position >= window_top_position) && (element_top_position <= window_bottom_position)) {
     $element.addClass('et-animated');
     } else {
     $element.removeClass('et-animated');
     }
     });
     }
     
     $window.on('scroll resize', check_if_in_view);
    }
     window.onload = myFunction;
    </script>
    code parallaxe personnel

    Le soucis doit venir de la manière dont firefox interprète ce code, j’ai cherché des heures sur différentes discussion, sans trouver la réponse.
    Auriez-vous la gentillesse de me filer un coup de main? D’avance merci

    #2205715
    lorenzolamas
    Participant
    Maître WordPress
    3234 contributions

    Renomme ton sujet, c’est du js et non du CSS.

    Histoire d’avoir les bonnes personnes qui t’aident.

    #2205718
    CAMEO172
    Participant
    Maître WordPress
    1395 contributions

    En effet deux situations :

    1. firefox interprête mal le javascript et la modification de class ne se fait pas.
    2. le javascript s’exécute bien et la class change mais firefox ne l’applique pas (ce serait étonnant).

    bien vérifier si ce n’est pas bêtement un soucis de cache

    #2205736
    GuyVil1
    Participant
    Initié WordPress
    2 contributions

    Hello, merci pour vos réponses:


    @lorenzolamas
    , je n’ai pas trouvé le bouton pour éditer mon message, je dois être un peu fatigue 🙁


    @Cameo172
    , j’ai vidé le cache de firefox mais toujours le même soucis.

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