2017-06-30 9 views
1

私は真剣に私のコンピュータをチョップしようとしています。私のjqueryウィンドウスクロールが動作を停止しました

クロム、私はこのコードを持って、それがFirefoxで動作しますが、ない:

$(window).on("scroll", function() { 

    if ($('html, body').scrollTop() > 25) { 
     console.log("scrolled"); 
     //do stuff 
    } 
    else { 
     //do other stuff 
    } 
}); 

それはクロムのdevのツールのコンソールにスクロールlogginていません。

誰もが分かっていること。

歓声。

+2

あなたの代わりに '$( 'htmlの、ボディ')'の '' $(文書)を使用してみましたがありますか? – JiFus

+0

この1 '$(ウィンドウ).scroll(関数(){ 場合($(この).scrollTop()> 25){//ここで何か }他{ //ここで何か } }をお試しください); ' – ThucVu

+0

スクロールイベントはまだ発生しますか?そうでなければ、スクロールイベントを '$(document)'にバインドしてみてください。しかし、もしイベントがうまくいくとすれば、おそらく@JiFusが上でコメントしたものが –

答えて

1

を何もしないよう、あなたのJavaScriptでdocument代わりのwindowを使用してみてください。

$(document).scroll(function() { 
 
    if ($(this).scrollTop() > 25) { 
 
     console.log("scrolled"); 
 
     //do stuff 
 
    } 
 
    else { 
 
     //do other stuff 
 
    } 
 
});
div { 
 
    height: 1000px; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div></div>

0

更新あなたのjqueryのバージョンでは、最大の応答性をスクロールに

1

次のように$(window).on("scroll", function() {})$(this).scrollTop()を使用することができます。

$(window).on("scroll", function() { 
 
    if ($(this).scrollTop() > 200) { 
 
     console.log("more than 200"); 
 
     //do stuff 
 
    } 
 
    else { 
 
     console.log("less than 200") 
 
    } 
 
});
div#yourdiv { 
 
    height: 1000px; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="yourdiv"></div>

関連する問題