jquery - 有没有等同于 jQuery.offset 的 Elm？

Question

如果我想在 Elm 中我的元素离屏幕顶部有多远，我该怎么做？

在上下文中，我试图弄清楚如何判断一个元素是否在 Elm 中不可见，并且根据 this ，这是我需要这样做的第一个成分。

Answer 1

在 Elm 0.19 中，Browser.Dom.getElement将返回(返回的任务)Element包含您需要的所有信息的记录。然后你可以这样做:

distFromTop : Element -> Int
distFromTop elementInfo =
    elmentInfo.element.y - elementInfo.viewport.y

(请注意，如果视口(viewport)当前显示的是元素下方的页面部分，则 distFromTop 可能会返回负数。)

您可以在 getImgPosition function 中看到您需要围绕此设置的 Task 机制的完整示例在我的 Elbum 项目中。