在CSS和jquery偏移量方面需要帮助

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}

elemets的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

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