容器中图像的左侧偏移量

Question

我有一个带有图像列表的旋转木马。我使用以下代码一次查看屏幕上有多少图像。屏幕上可以有10张图片，但只有5张。您必须单击下一步按钮才能看到剩余的5张图像。出于某种原因，下面的代码不能正常工作（即使屏幕外有图像，它也会返回错误数量的图像，完全显示在屏幕上，当容器不在浏览器宽度的100％时发生）。有人可以帮忙吗？

this.$samples.each(function (i, cardEl) {
    var x = $(cardEl).offset().left + $(cardEl).width() - this.$exampleGrid.offset().left;
    if (x <= winWidth) {
        shownCount += 1;
    }
}.bind(this));