Свяжите мой метод scrollTop () с медиа-запросами через window.matchMedia - PullRequest
Новая
       62

Свяжите мой метод scrollTop () с медиа-запросами через window.matchMedia

0 голосов
/ 05 ноября 2019

Hy, я новичок в JS. Я хочу связать свой метод scrollTOp с медиа-запросами через 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>

Не знаю как, пожалуйста, помогите:)

1 Ответ

0 голосов
/ 06 ноября 2019

Если я правильно понял, вы хотите проверить, соответствует ли ваш $(document).scrollTop() > 458 и соответствует ли он медиа-запросу.

Для этого вы можете просто добавить: 

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

Подробнееинформация о window.matchMedia здесь и о логических операторах 'и' здесь .

...