Prüfen Sie, ob das Element auf dem Bildschirm (Ansichtsfenster) für einen bestimmten Prozentsatz sichtbar ist.
Wie kann ich feststellen, ob ein Element sichtbar ist? Für ein besseres Understading schau dir das Bild unten an.
Ich möchte ein Ereignis auslösen, wenn das Bild halb sichtbar ist. Es wäre großartig, wenn es für alle Browser und Geräte (Tablets und Smartphones) funktionieren würde.
5 Antworten
Jquery.fracs Plugin scheint genau das zu tun, was Sie brauchen.
%Vor%Ihr Fenster ist zwischen
%Vor%und
%Vor%Wenn das
%Vor%liegt zwischen diesen, es sollte sichtbar sein.
EDIT: Ich gehe davon aus, dass Ihr Element (dessen Sichtbarkeit bestimmt werden soll) absolut positioniert ist. Wenn nicht, wäre es etwas komplizierter.
EDIT2: Dies dient nur dazu, die Sichtbarkeit bei vertikalem Offset zu bestimmen. Ersetzen Sie für die horizontale Version "scrollTop" durch "scrollLeft", "height" durch "width" und "top" durch "left".
Es gibt ein nettes Plugin, jQuery Fracs , das speziell für diesen Zweck geschrieben wurde.
Sie möchten überprüfen, ob das Element vom unteren Bildschirmrand oder von oben aus sichtbar ist. Also wäre die Logik das:
%Vor%In JavaScript würde das also etwa so funktionieren:
%Vor%Ich habe die Unterstützung für ältere Browser ausgeschlossen, aber wenn Sie es brauchen, wäre es:
%Vor%Tags und Links javascript jquery