ウィンドウサイズはモバイルで、フォームが表示されている場合、私は2つの条件が満たされた場合、このスクリプトをキャンセルしたいスクリプト

Question

を実行しないでください：

1. ウィンドウ幅が767以下
2. #hidden-formは、ディスプレイのスタイルを持っている：ブロックをここで

機能である：

function init() { 
    window.addEventListener('scroll', function(e) { 
    var distanceY = window.pageYOffset || document.documentElement.scrollTop, 
     shrinkOn = 300, 
     header = document.querySelector("header"); 
    if (distanceY > shrinkOn) { 
     classie.add(header, "smaller"); 
    } else { 
     classie.remove(header, "smaller"); 
    } 
    }); 
} 
window.onload = init(); 

私はfollowiを追加してみましたもしそうでないとngのが、それはすべてのビューでスクリプトキャンセル：

{ 
    ($(window).width() <= 767 && $('#hidden-form').css('display', 'block')) { 
    .return; 
    } 

更新されたコードが、動作していない-----

function init() { 
    window.addEventListener('scroll', function(e) { 
     var distanceY = window.pageYOffset || 
document.documentElement.scrollTop, 
      shrinkOn = 300, 
      header = document.querySelector("header"); 
     if (distanceY > shrinkOn) { 
      classie.add(header, "smaller"); 

     } else if ($(window).width() <= 767 && $('#hidden-form').css('display') == 'block') { 
.return; 
} else { 

      classie.remove(header, "smaller"); 

     } 
    }); 
} 
window.onload = init(); 

残念ながら、これはまだありえない作業、任意のアイデア？

Answer 1

使用この：

$('#hidden-form').css('display') == 'block' 

また、モバイルチェックのために、あなたはmatchMedia

Answer 2

$('#hidden-form').css('display', 'block')を使用することができますがdisplayの値を設定することです。チェックするには、$('#hidden-form').css('display')を使用してください。したがって、コードは次のようになります：

($(window).width() <= 767 && $('#hidden-form').css('display') == 'block')