Jquery, wenn Bildlauf eine bestimmte Anzahl von Pixeln ist

Gibt es eine eingebaute jQuery-Funktion, um zu bestimmen, die Länge einer schriftrolle?

Ich versuche, eine Funktion schreiben, die eine Klasse hinzufügen, um ein div, wenn der Anwender bereits gescrollt hat 50 Pixel von oben.

So wird der code wie folgt Aussehen:

if(userHasScrolled) {
     $('#myDiv').addClass('hasScrolled');

}

InformationsquelleAutor der Frage Ryan McCullagh | 2011-11-16

  1. 48

    Können Sie überprüfen $(document).scrollTop() im inneren ein scroll-handler:

    var $document = $(document),
    $element = $('#some-element'),
    className = 'hasScrolled';

$document.scroll(function() {
  if ($document.scrollTop() >= 50) {
    //user scrolled 50 pixels or more;
    //do stuff
    $element.addClass(className);
  } else {
    $element.removeClass(className);
  }
});

    Wenn das hinzufügen der name der Klasse ist alles, was Sie wollen (keine weiteren Aktionen notwendig), dies könnte gekürzt werden:

    var $document = $(document),
    $element = $('#some-element'),
    className = 'hasScrolled';

$document.scroll(function() {
  $element.toggleClass(className, $document.scrollTop() >= 50);
});

    Sehen http://api.jquery.com/scrollTop/.

    Beachten Sie, dass es ist sehr ineffizient, verwenden scroll event-Handler.

    InformationsquelleAutor der Antwort Mathias Bynens

Schreibe einen Kommentar