Klasse hinzufügen, um das div, wenn im viewport

Möchte ich noch hinzufügen einer Klasse zu einer Menüoption, wenn ein anderes div betritt den viewport.

Habe ich erfolgreich repliziert die Warnung hier gefunden: http://jsfiddle.net/blowsie/M2RzU/ Jedoch, wenn ich versuche, es zu ändern von einer Warnung zu einem addClass oder toggleClass es bricht. Das ist mein code:

$('#portfolio').bind('inview', function (event, visible) {
  if (visible == true) {
    //element is now visible in the viewport
    $( "#menu-item-portfolio" ).addClass( ".active-area" );
  } else {
    //element has gone out of viewport
  }
});`

Möchte ich hinzufügen .aktiv-Bereich #menu-item-portfolio beim #portfolio tritt in den Arbeitsbereich, entfernen Sie Sie dann, wenn #portfolio-Blätter viewport.

  • bei dem element, das Sie hinzufügen möchten, und entfernen Sie die Klasse.
  • Ich möchte hinzufügen .aktiv-Bereich #menu-item-portfolio beim #portfolio tritt in den Arbeitsbereich, entfernen Sie Sie dann, wenn #portfolio-Blätter der viewport.
InformationsquelleAutor Daniel | 2014-01-19
  1. 1

    Fand ich die Lösung. Es war ein Tippfehler im code. Statt
    .addClass(".aktiv-Bereich")
    es sollte
    .addClass("active area")

    InformationsquelleAutor Daniel
  2. 0

    versuchen, diese 

    $(document).ready(function(){
$('.myclass').bind('inview', function (event, visible) {
  if (visible == true) {
    //element is now visible in the viewport
   $("h2").removeClass('myclass');
      alert('found h2!')
  } else {
    //element has gone out of viewport
     $("h2").addClass('myclass');
  }
});
});

    Demo

    http://jsfiddle.net/M2RzU/24/

    InformationsquelleAutor Karthick Kumar
  3. 0

    Sollten Sie das Ereignis auszulösen inview auf Dokument bereit.

    $('.myclass').trigger('inview');

    Arbeiten Geige

    Anzeigen der änderungen in der Konsole hantieren.

    InformationsquelleAutor Milind Anantwar
Schreibe einen Kommentar