在Firestore中保存视口的最后状态

Question

我希望被指出正确的方向。我正在尝试在用户注销时在Firestore上的用户数据中存储视口的最后状态。当用户登录时，我正在尝试加载该数据。 一些div是动态创建的。

$('.logout').on("click", function(){
    findPosition();
});

function findPosition(){
    $(document).find(".card").each(function() { 
        var posBoth = $(this).offset();
        var posLeft = $(this).offset().left;
        var posRight = $(this).offset().left; 
        console.log(posBoth);
        console.log("Left: "+posLeft);
        console.log("Right: "+posRight); 
     });
}
function setPostion(posLeft, posRight) {
    $(".navbar").on("click", function(){
        $(".card").offset({
            left: $.each(posLeft),
            right: $.each(posRight)

        });
        console.log(posLeft);
        console.log("set!");
    });
}
setPostion();
$(document).on("click", ".card", findPosition);
findPosition();

这给了我每个元素的左右位置。如何获取存储在每个变量中的坐标以更新每个元素的偏移量？