wake-up-neo.com

das jQuery-Fenster-Scroll-Ereignis wird nicht gestartet

Ich versuche, ein einfaches "Bleiben im Viewport" -Verhalten zu einem Div via Jquery zu implementieren. Dafür muss ich eine Funktion an das Scroll-Ereignis des Fensters binden, aber ich kann nicht scheinen, dass es hochläuft: Nichts passiert. Ich habe versucht, eine einfache Warnung (), console.log () keine Würfel. Eine Idee, was ich falsch mache?

Dieser Code:

$(window).scroll(function () {  
            console.log("scrolling");           
});

sitzt in script.js, ganz unten in meiner HTML-Datei

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>

UPDATE Test-URL: http://pixeline.eu/test/menu.php

39
pixeline

OK, klappte es.

Ihr CSS setzt tatsächlich den Rest des Dokuments so, dass kein Überlauf angezeigt wird. Das Dokument selbst scrollt nicht. Die einfachste Lösung hierfür ist das Binden des Ereignisses an das Scrollen, das in Ihrem Fall die div # -Seite ist.

So einfach wie das Ändern:

$(document).scroll(function() {  // OR  $(window).scroll(function() {
    didScroll = true;
});

zu

$('div#page').scroll(function() {
    didScroll = true;
});

Prost
Charlie

97

Mein Problem war, dass ich diesen Code in meiner CSS hatte

html,
body {
    height: 100%;
    width: 100%;
    overflow: auto;
}

Sobald ich es entfernte, wurde das Scroll-Ereignis im Fenster erneut ausgelöst

25
$('#div').scroll(function () {
   if ($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight-1) {

     //fire your event


    }
}
3
Ashish Asodiya

Für wen funktioniert es einfach nicht (wie ich), egal was Sie versucht haben: <element onscroll="myFunction()"></element> klappt wunderbar

genau so, wie sie in W3-Schulen erklärt werden https://www.w3schools.com/tags/ev_onscroll.asp

0
mallocthePD

Die Lösung ist:

 $('body').scroll(function(e){
    console.log(e);
});
0
Pan Bouradas

Nichts schien für mich zu funktionieren, aber das hat den Trick gebracht 

$(parent.window.document).scroll(function() {
    alert("bottom!");
});
0
LegionDev