bekommen Element globalen/Dokument-Koordinaten in Dart (aka $ ('einige'). Offset())

Question

Ich versuche, das Dokument (globale) Koordinaten eines Elements (DOM-Element) in Dart, die in reinem JavaScript ich war kann über jQuery mit $ ('some_selector'). offset() erhalten.

Ich habe durch den Dart Dart gesucht: HTML APIs, aber bisher kein Glück.

irgendwelche Ideen? danke

Answer 1

Es gibt keine native Funktion auf Element, um diese Koordinaten zu erhalten.

Hier ist ein Dart-Version von jQuery.offset():

class Position { 
    num left, top; 
    Position(this.left, this.top); 
} 

Position offset(Element elem) { 
    final docElem = document.documentElement; 
    final box = elem.getBoundingClientRect(); 
    return new Position(box.left + window.pageXOffset - docElem.clientLeft, 
         box.top + window.pageYOffset - docElem.clientTop); 
} 

Eine andere Lösung ist jQuery.offset() zu verwenden über js-interop:

Position jQueryOffset(Element elem) { 
    return js.scoped((){ 
    final offset = js.context.jQuery(elem).offset(); 
    return new Position(offset.left, offset.top); 
    }); 
} 

Answer 2

Sie berücksichtigen sollten diese Dart-Elemente-Methode: https://api.dartlang.org/apidocs/channels/stable/dartdoc-viewer/dart:html.Element#id_documentOffset