Javascript 查找HTML元素'；静态位置

如果我的问题看起来很琐碎，请原谅，但我对网络编程一无所知

我的用例如下：我正在通过手机应用程序显示一个网页，需要在网页加载完成后找到网页上某个元素的精确坐标。如果元素是可见的，我计划通过监听并将其与元素坐标进行比较来显示一个浮动按钮

我通过以下方式做到了这一点：

我注入这个并从文档顶部检索y坐标，但我注意到这个值有时会改变

---

是否有一种方法可以只检索一次目标元素的静态坐标，或者在调用

scrollViewDidScroll

时需要检索最新的坐标？另外，

offsetTop

什么时候会改变？

检查这一友好提示，WKWebView API将在接下来的几个月内被苹果公司弃用

function f() {  
    var targetElement = document.getElementById("target_element");
    return targetElement.offsetTop;
}

if (document.readyState == 'complete') {
    f();
}