Innerhalb des Link-Funktionsteils einer Direktive haben wir Zugriff auf das element -Objekt. Ich möchte feststellen, ob das element -Objekt innerhalb des aktuellen Ansichtsfensters ist / falls es verfügbar ist.
Ich habe derzeit folgendes:
%Vor%Ich kann einfach nicht die x- und y-Position für mein spezifisches Element bekommen (die Direktive kann viele Male wiederholt werden).
Bitte beachten Sie, dass ich nicht beabsichtige, jQuery in meiner Anwendung zu installieren oder zu verwenden.
Sie können element[0].getBoundingClientRect verwenden, es funktioniert - es gibt ein Beispiel:
Wenn Sie die Elementsichtbarkeit in der eckigen Anweisung verfolgen müssen, außer scroll , müssen Sie auch mit Ereignissen umgehen: DOMContentLoaded , load und resize . Außerdem wäre es besser, nur einen Handler für diese Ereignisse zu erstellen und das Tracking-Element zu stoppen, wenn die Direktive zerstört wird.
gibt es ein Beispiel: Zypern
Ich habe diesen Ansatz verwendet, um Bilder dynamisch zu laden, wenn sie sichtbar werden.
Tags und Links javascript angularjs