2016-11-06 13 views
0

この関数をウィンドウの幅にバインドするにはどうすればよいですか?関数をウィンドウ幅にバインドする方法は?

jQuery(window).scroll(function() { 
    if (jQuery(this).scrollTop() > 0) { 
     jQuery('.navbar-header').slideUp("slow"); 
    } else { 
     jQuery('.navbar-header').slideDown("slow"); 
    } 
}); 
+1

こんにちは。あなたの質問に答えるのを助けるために、私はあなたの答えにいくつかの情報を追加することをお勧めします。スタックオーバーフローはコードを書くサービスではなく、人々にそうするように求めるだけで、あなたの質問は無視されます。あなたはいくつかのコードを提供しましたが、それが何を生産し、どのようにあなたが望むものと異なるのかを説明していません。また、具体的な質問や問題点についても考えてください。 – JamesStewy

+0

'ウィンドウ幅あり 'とはどういう意味ですか?ウィンドウの幅が変わったときを意味しますか? –

+0

の最小ウィンドウ幅992pxで機能します。それ以外の場合は、この機能を無効にする必要があります。 – rafiz

答えて

1

あなたの追加説明から、ウィンドウの幅に基づいてレンダリングを変更することができます。これを行う唯一の方法は、ハンドラを変更することです。

jQuery(window).scroll(function() { 
    if (jQuery(document).width() < = 992) { 
    if (jQuery(this).scrollTop() > 0) 
    { 
     jQuery('.navbar-header').slideUp("slow"); 
    } 
    else 
    { 
     jQuery('.navbar-header').slideDown("slow"); 
    } 
    } 
}); 

このようにして、ブラウザの幅を変更すると、スクロールの表示が変更されます。

関連する問題