使以下代码适用于响应功能

Question

我有以下代码使顶部导航栏消失，我问的问题是我如何才能使其仅在680像素的宽度下工作？除此之外它完全没问题。

var mywindow = $(window);
        var mypos = mywindow.scrollTop();
        var up = false;
        var newscroll;
        mywindow.scroll(function () {
            newscroll = mywindow.scrollTop();
            if (newscroll > mypos && !up) {
                $('header').fadeOut();
                up = !up;
                console.log(up);
            } else if(newscroll < mypos && up) {
                $('header').fadeIn();
                up = !up;
            }
            mypos = newscroll;
        });

固定。大多。通过调整窗口大小来传递宽度时，脚本仍将停止/开始工作。不知道如何阻止这一点。

//删除较低宽度页面上的导航栏

   function toggleBar(){
        var mywindow = $(window);
        var mypos = mywindow.scrollTop();
        var up = false;
        var newscroll;

        mywindow.scroll(function () {
            newscroll = mywindow.scrollTop();
            if (newscroll > mypos && !up) {
                $('header').stop().fadeOut();
                up = !up;
                console.log(up);
            } else if(newscroll < mypos && up) {
                $('header').stop().fadeIn();
                up = !up;
            }
            mypos = newscroll;
            });
        }

//REMOVE NAVBAR (place this in document load)
        $(window).load(function() {
          var pageWidth = $(window).width(); 
                    if (pageWidth < 640){
                        toggleBar();
                        $('header').attr('href','../../../css/main.css');                  
                    }      

        });

Answer 1

   var windowsize = $window.width();
   if (windowsize < 680 ) {

    var mypos = mywindow.scrollTop();
    var up = false;
    var newscroll;
    mywindow.scroll(function () {
        newscroll = mywindow.scrollTop();
        if (newscroll > mypos && !up) {
            $('header').fadeOut();
            up = !up;
            console.log(up);
        } else if(newscroll < mypos && up) {
            $('header').fadeIn();
            up = !up;
        }
        mypos = newscroll;
    });

  }