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

Question

我的偏移量有问题，它 returns 我文档中所有目标元素的顶部偏移量相同。

我让元素相对定位，returns 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

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

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

Need help in CSS and jquery offset

css

jquery