2016-07-10 9 views
-4

Wie lässt sich der Ansichtsprozentsatz eines DOM-Elements überprüfen? (in JS oder JQuery).Ansichtsprozentsatz eines DOM-Elements prüfen

Zum Beispiel möchte ich die Konsole protokollieren, wenn ein div in seiner 60% Sichtbarkeit auf dem Bildschirm ist (wahrscheinlich zusätzlich zu einem Bildlaufereignis).

+0

Wenn Sie dies versucht, wie weit hast du? Wo bist du stecken geblieben? Was hat nicht funktioniert und auf welche Weise hat es nicht funktioniert? Was ist Ihr "* [MCVE] *" HTML, JavaScript und CSS für uns, um Ihr Problem zu reproduzieren? –

Antwort

0

Wenn Sie wissen möchten, wenn ein div auf seiner 60% Breite nach ist es Eltern div, das ist, was Sie versuchen können:

$(window).resize(function(){ 
    var elem = $("#someElement").width(); 
    var elemParentWidth = $("#someElement").parent().width(); 

    // now to get the % width: 
    var percentage = (elem/elemParentWidth) * 100; 

    if(percentage == 60){ 
    // do something awesome.. 
    } 
); 
+0

Hallo Gerrit. Ich werde versuchen, von deinem Code fortzuschreiten. Es hilft sehr viel. War es so schwierig, eine normale Antwort wie Gerrit zu liefern, alles, was Sie DOWNVOTERS? –

+0

@JerryBen Kein Problem! Viel Glück! –