jquery - 在 CSS 和 jquery offset 方面需要帮助

Question

我在偏移量方面有问题，它为我文档中的所有目标元素返回相同的顶部偏移量。

我有相对于彼此定位的元素，它为 4 个元素返回类似这样的内容

Object {top: 702.109375, left: 331.19189453125}
Object {top: 702.109375, left: 494.31884765625}
Object {top: 702.109375, left: 681.9716796875}
Object {top: 702.109375, left: 910.89697265625}

元素的 CSS 代码

div[class^='image-'] {
position: relative;
display: block;
width: 100%;
}

HTML代码

<div class="image-1" id="features"></div>
<div class="image-2" id="tech"></div>
<div class="image-3" id="pricing"></div>
<div class="image-4" id="gallary"></div>

JS代码

$(".top-image-link .page").click(function(){
    var id = $(this).attr("id");
    var position = $("#"+id).offset();
    console.log($("#"+id).css("top"));
    var top = position.left;
    $(document).scrollTop(top+"px");
    $('html, body').animate({
        scrollTop: top
    }, 2000);
    console.log(position);
    event.preventDefault();
});

Answer 1

感谢大家的帮助，但我找到了答案，问题是连接到元素的链接中的第一个字母是大写的内部尖叫