OffsetTop via Dom7

Can someone please show me the equivalent of this javascript statement:

(document.querySelector('.my-class') as HTMLElement).offsetTop;

in Dom7 notation.

I tried this:

f7.$('.my-class').offset().top;

but it does not give the same answer when running the two statements side by side.

UPDATE: Are there any tutorials or examples out there of using Dom7?

Figured it out:

(f7.$('.my-class)[0] as HTMLElement).offsetTop;