2017-03-27 3 views
0

- - - - - Update - - - - -JS Klasse auf Rolle

Hallo, habe ich den folgenden Code if (isScrolledIntoView(this) === true) { mit diesem Code ersetzt if (scroll >= 500) { aber die Klasse ist nicht mehr hinzugefügt werden. Würde 500 nicht ein Pixelwert sein, im Gegensatz zu einem Prozentsatz der Höhe des Ansichtsfensters? Würde diese Lösung auch bei meinem ersten unten beschriebenen Problem helfen?

Wenn ich diese zwei Fragen in zwei getrennten Fragen hätte setzen sollen, lassen Sie es mich wissen. Ich habe bisher nur einzelne Problemanfragen gepostet.

Danke.

- - - - - Ende Update - - - - -

der Suche nach ein wenig Javascript Hilfe, ich bin zur Zeit eine Klasse zu einem Element hinzugefügt wird, wenn es auf den Bildschirm gescrollt, aber ein paar Probleme habe .

Das erste Problem besteht darin, dass die Klasse nicht hinzugefügt wird, wenn das Element vertikal größer als die Höhe des Ansichtsfensters ist. Das zweite Problem ist, dass die Klasse hinzugefügt wird, wenn sich das Element auf der Hälfte der Seite befindet. Ich möchte herausfinden, ob es eine Möglichkeit gibt, die Klasse hinzuzufügen, wenn das Element weiter oben auf der Seite gescrollt wird ? Im Idealfall möchte ich diesen Wert als Prozentsatz der Höhe des Darstellungsbereichs angeben, da die von mir erstellte Site reaktionsfähig ist. Ist das möglich?

$(window).scroll(function() { 
    $('.fade').each(function() { 
     if (isScrolledIntoView(this) === true) { 
      $(this).addClass('fadeInTransition') 
     } 
     else{ 
      //$(this).removeClass('fadeIn') 
     } 
    }); 
}); 
function isScrolledIntoView(elem) { 
    var docViewTop = $(window).scrollTop(); 
    var docViewBottom = docViewTop + $(window).height(); 

    var elemTop = $(elem).offset().top; 
    var elemBottom = elemTop + $(elem).height(); 

    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); 
} 

Vielen Dank für Ihre Zeit

Barry

+0

Mögliche Duplikat [Hinzufügen/Klasse entfernen mit jQuery basierend auf vertikalen sc Rolle?] (http://stackoverflow.com/questions/12558311/add-remove-class-with-jquery-based-on-vertical-croll) – coralvanda

Antwort

Verwandte Themen