2017-06-30 3 views
1

Ich bin ernsthaft über Karate hacken meinen Computer.Meine jquery Fenster scroll funktioniert nicht

habe ich diesen Code und es funktioniert in Firefox aber nicht chrome:

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

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

Es ist nicht in der Chrom-Entwickler-Tools-Konsole gescrollt loggin.

Wer weiß was ist.

Prost.

+2

Haben Sie versucht, '$ (document)' statt '$ ('html, body')' verwenden? – JiFus

+0

Versuchen Sie dieses '$ (Fenster) .scroll (function() { if ($ (this) .scrollTop()> 25) {// hier etwas } else {// hier etwas } }); ' – ThucVu

+0

Feuert das Scroll Event noch ?? Wenn nicht, versuchen Sie, das Bildlaufereignis an $ (document) zu binden. Aber wenn das Ereignis funktioniert ... dann würde höchstwahrscheinlich das, was @JiFus oben kommentierte, funktionieren –

Antwort

1

Versuchen Sie stattdessen in Ihrem JavaScript von window verwenden document alles auf Scroll tun.

$(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

Update Sie jquery Version, vermeiden für maximale Reaktions

1

Sie können $(window).on("scroll", function() {}) und $(this).scrollTop() wie folgt verwendet werden.

$(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>

Verwandte Themen