显示可见：Mobile View中没有Javascript

Question

当到达一定高度时，我得到了以下代码，使它们在粘滞菜单中淡入淡出，并希望始终在更改显示的移动视图（甚至更好的移动设备）中使其可见： 显示：

该问题出现在用户第一次从宽度小于768像素的设备上加入时，直到他/她向下滚动菜单才出现。

我正在使用以下代码：

HTML

<nav id="menufijo" style="display:none;" class="navbar navbar-default navbar-fixed-top">

// Everything that's inside

</nav>

JAVASCRIPT

<script>
        $(window).scroll(function(){
        var y = $(window).scrollTop();
        var z = $(".top-header")
        if(y > z.outerHeight() ){
          $("#menufijo").fadeIn("slow");
         } else if (window.matchMedia("(max-width: 768px)").matches) {
          $("#menufijo").style.display = "block";
        } else {
          $("#menufijo").fadeOut("fast");
        }});
</script>

Answer 1

尝试：

$(window).scroll(function(){
    var y = $(window).scrollTop();
    var z = $(".top-header")
    if (!window.matchMedia("(max-width: 768px)").matches) {
        if (y > z.outerHeight() ) {
            $("#menufijo").fadeIn("slow");
        } else {
            $("#menufijo").fadeOut("fast");
        }
    }
});
$(function() {
    if (window.matchMedia("(max-width: 768px)").matches) {
        $("#menufijo").show();
    }
});