通过window.matchMedia将我的scrollTop()方法链接到媒体查询

嗨,我是js新手。我想通过JS(window.matchMedia)将scrollTOp方法链接到媒体查询。

<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>

我不知道如何,请帮助:)

gelanxier1989 回答:通过window.matchMedia将我的scrollTop()方法链接到媒体查询

如果我已正确理解,则要检查$(document).scrollTop() > 458是否与媒体查询匹配。

为此,您只需添加:

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

有关window.matchMedia here和逻辑'and'运算符here的更多信息。

本文链接:https://www.f2er.com/3156492.html

大家都在问