Hy, je suis nouveau dans js. Je veux lier ma méthode scrollTOp aux requêtes multimédias via JS (window.matchMedia).

<script>
$(document).ready(function(){
            $(window).scroll(function() { 
                if ($(document).scrollTop() > 458) { 
                    $(".menu a").css("background-color", "#f8f8f8"); 
                    $(".menu").css("display", "none");                    
                    $(".sidenav").css("display", "block");
                    $(".closebtn").css("display", "block");
                } 
else {
                $(".menu a").css("background-color", "#666");
                $(".menu").css("display", "block"); 
                $(".sidenav").css("display", "none");
                $(".closebtn").css("display", "none");
            }
            });
        });
</script>

Je ne sais pas comment, aidez-moi :)

0
Giorgia 5 nov. 2019 à 23:48

1 réponse

Si j'ai bien compris, vous souhaitez vérifier si votre $(document).scrollTop() > 458 et s'il correspond à une requête média.

Pour ce faire, vous pouvez simplement ajouter:

if ( $(document).scrollTop() > 458 && window.matchMedia("MEDIA_QUERY_HERE").matches){
    ....
}

Plus d'informations sur window.matchMedia ici et sur l'opérateur logique "et" ici .

0
Simon Bellucci 5 nov. 2019 à 21:22